Jquery实现关键字滑动效果和层气泡提示特效
dengjianbin
12年前
此Jquery特效是一款非常实用和非常酷的功能,是由关键字滑动效果和层气泡提示两个效果组合,是JquerySchool网站QQ群堂模块里面的效果,最近很多网友想要这种特效,还在网站上面留言想要研究一下这种效果,为了方便网友们学习今天把它单独从网站里面分离出来分享给网友们使用。
层气泡提示效果是由原来漫画原创鼠标悬浮气泡提示Jquery插件修改而成的,更完善的功能效果可以狠狠点击此http://www.jq-school.com/Detail.aspx?id=107去查看。
主要使用代码如下:
$(window).load(function() { $('.tag').hover(function() { $(this).stop().animate({ paddingRight: ($('.tag_count', this).outerWidth() - 5) }, 'easeInOutExpo'); }, function() { $(this).stop().animate({ paddingRight: 5 }, 'easeInOutExpo'); }); }); $(function (){ $(".tag").manhua_bubbletips({position : "b",value : 35}); });
效果如下:
在线演示和下载