Question

我已将代码放在http://jsfiddle.net/ChvjL/4/

中

当鼠标指针位于Link1上时，应显示子链接link1a，link1b，link1c。

同样适用于Link2。

任何人都可以帮我解决这个问题

提前致谢 Amith

Answer 1

以下是您的情况应该如何：

HTML

<ul>
    <li><a href="#">Link1</a> 
        <ul>
            <li><a href="USEPCreate.html">Link1a</a></li>
            <li><a href="USEPUpdate.html">Link1b</a></li>
            <li><a href="USEPRecovery.html">Link1c</a></li>
        </ul>
    </li>
    <li><a href="#">Link2</a>
        <ul>
            <li><a href="USEPCreate.html">Link2a</a></li>
            <li><a href="USEPUpdate.html">Link2b</a></li>
            <li><a href="USEPRecovery.html">Link2c</a></li>
        </ul>
    </li>
</ul>

的CSS

ul > li { width:100px; float:left; }
ul > li > ul { display:none; }
ul > li:hover > ul { display:block; }
ul > li > ul { padding-left:10px; }

代码http://jsfiddle.net/ChvjL/10/

Answer 2

你是否想说当一个人在给定的链接上盘旋时，会显示另一个链接？

您可以参考此示例。它很相似。您只需要更改内容： http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

鼠标在链接上时如何显示子链接

2 个答案: