用jquery模仿的a的title属性的例子

前端之家收集整理的这篇文章主要介绍了用jquery模仿的a的title属性的例子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

HTML代码如下:

css代码如下

内容重叠问题 } .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代码如下:

SEOver",function(){ $(this).find(".show").show(); }).bind("mouSEOut",function(){ $(this).find(".show").hide(); }) })

预览效果;

猜你在找的jQuery相关文章