用jquery模仿的a的title属性

用jquery模仿的a的title属性

用jQuery实现的模仿a的title属性的例子，在测试的时候ie6,7上出现了层次混乱，不过最终解决了。

​

html代码如下：

css代码如下

* {     margin:0;     padding:0; } body {     font-size:12px; } .wrap {     width:600px;     margin:100px auto; } .clearfix:after, .clearfix:before {     display:table;     content: ""; } .clearfix:after {     clear:both;     overflow: hidden; } .clearfix {     zoom: 1; } .list {     position:relative;   //作为定位的父元素，li直接做父元素出现元素内容重叠问题 } .list li {     list-style:none;     width:100px;     height:24px;     line-height:24px;     margin-right:10px;     float:left; } .list li a {     text-decoration:none;     color:#333;     display:block; } .show {     position:absolute;     width:100px;     background:#FFFFE1;     border:1px solid #ffcc01;     padding:6px;     display:none;     z-index:5;     margin-top:10px;   //代替top     margin-left:60px;  //代替left } .show p {     height:18px;     line-height:18px; } .list li a:hover {     text-decoration:underline;     color:#FF0000; }

jQuery代码如下：

预览效果;

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。