复制代码代码如下:
<style type="text/css">
#ab{margin:0 25px;position:relative;border:1px solid;
font:bold;text-decoration:none;list-style:none;}
a:hover{display:block;color:#000;width:50px;}
#cd{display:none;}
a:hover #cd{
display:block;background:#edecdc;
border:1px solid #f3f3f8;
padding:10px 20px;color:#009933;
}
</style>
<a href="" title="" id="ab">
移到这里试试!
<span id="cd">这里是提示信息!</span>
<span id="cd">这里是提示信息!</span>
</a>
<a href="" title="" id="ab">
移到这里试试!
<span id="cd">这里是提示信息!</span>
<span id="cd">这里是提示信息!</span>
</a>
<!--
1.菜单要包裹<a></a>中,因为ie6只支持a:hover效果
2.a:hover要打开display:block:
3.选择器要相互关联,如:a#cd:hover span{}
4.使用table表格
-->
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!