JQuery移入更换标题移出还原标题

1744

效果图:

QQ图片20151021175414.png

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