这篇博客介绍了如何利用CSS和jQuery实现列表项（li）在鼠标悬停时动态改变底部边框颜色，并提供了一个使用jQuery实现的动画效果网址。博主提醒，对a标签设置height和width无效，需要将其display属性设为block。同时，文章中指出了部分CSS属性如background-position和background-repeat在该场景下未被有效利用。
回复讨论(解决方案)
你可以用li:hover border-bottom:3px solid blue;
background-position:bottom; //是针对背景图片的位置,不是背景颜色
height: 1px;//这里的高度为什么是1px?有什么目的？
width:45px;
可以采用1楼的做法，设置底部边框
还有给你个动画效果的网址，Jquery直接接口调用
不需多写代码
http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/
里边有你的效果
background-position是设置背景图像的起始位置，你也没有背景图像啊，另外你还设置了background-repeat，也是没用的。还有，对a设置height和width也是无效的，除非它的display设置成block。
你可以让li的border-bottom显示出来啊，用jquery很简单的：
$("#ul li").hover(function(){
$(this).css("border-bottom","1px solid red");
},function(){
$(this).css("border-bottom","none");
});
still_melody,zhoufeng0401,dongjunhui2010
谢谢大家！
still_melody,zhoufeng0401,dongjunhui2010
谢谢大家！
警告楼主，除了a元素之外，一些浏览器可能不支持其他元素的hover
声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理
扫一扫
4134
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
