ul
我的网页导航栏上有一个列表,内容如下:
<ul id="nav">
<li><a href="index.htm" title="Home">Home</a></li>
<li><a href="project.htm" title="Project">Project</a></li>
<li><a href="sample.htm" title="Sample">Sample</a></li>
</ul>
将鼠标悬停在ul
列表上时,项目的颜色会发生变化。
ul#nav li a:link,ul#nav li a:visited {color:#333333;text-decoration:none;}
ul#nav li a:hover,ul#nav li a:active {color:#a61607;text-decoration:none;}
但是,当用户将鼠标悬停在sample
元素上时,我会显示一个图形菜单。菜单类似于以下内容(一个箭头图像和三个超链接):
hyperlink 1
Arrow image /_ hyperlink 2
\ hyperlink 3
将鼠标悬停在列表中的sample
项目上时,如何以菜单形式显示此箭头图像和超链接ul
?