效果图:

html代码: <ul class="subnav"> <li><a href="" title="ABOUT">关于我们</a></li> <li><a href="" title="CONTACT">联系我们</a></li> <li><a href="" title="XUANXUAN">玄玄 博客</a></li> </ul>
JQ代码:
var nav = $('.subnav li'),name = '',subName = '';
nav.hover(function(){
var _this = $(this).find("a");
name = _this.addClass('naddon').attr('title');
subName = _this.text();
_this.text(name).attr('title',subName);
},function(){
var _this = $(this).find("a");
if (!_this.hasClass('ke')) {
subName = _this.removeClass('naddon').attr('title');
}
name = _this.text();
_this.text(subName).attr('title', name);
});
期望你们能够用上!喜欢就收藏吧 玄玄 博客 www.blogxuan.com