鼠标滑过链接的的一个下划线效果，用js或者jquery怎么实现？求高手！

在标签a下加了一个高度为0的div， 设置div的border为1px； 然后当鼠标移动到a上的时候这个div的width缓慢增加到100%，可以用jquery的animate（）实现。当然相对的， 鼠标移开的时候就把div的宽度缓慢变成0；不过这个网站错误也太多了。。。chrome打开一看75个错。。。

本文实例讲述了jQuery实现鼠标划过添加和删除class的方法。分享给大家供大家参考。具体实现方法如下：

$('#elm').hover(

function(){

$(this).addClass('hover')

},

function(){

$(this).removeClass('hover')

}

)

希望本文所述对大家的jQuery程序设计有所帮助。

.aborder{border-bottom:2px solid #000} <script type="text/javascript" src="js/jq.js"></script>//引入jQuery库

<script type="text/javascript">

$(function(){

$(".post").hover(function(){

$(".post a").attr("rel","bookmark").addClass("aborder")

$(".post a").attr("rel","nofollow").addClass("aborder")

},function(){

$(".post a").attr("rel","bookmark").removeClass("aborder")

$(".post a").attr("rel","nofollow").removeClass("aborder")

})

})

</script> 如果你的.post只有两个a，那么：

<script type="text/javascript" src="js/jq.js"></script>//引入jQuery库

<script type="text/javascript">

$(function(){

$(".post").hover(function(){

$(this).find("a").addClass("aborder")

},function(){

$(this).find("a").removeClass("aborder")

})

})

</script>

---