效果图:
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