87453661 2013-09-30
这种jQuery文字横向滚动效果,可以应用到文章列表页标题栏上,做出来的效果就很不错,用户体验高。
HTML代码:
<div class="hover_style"><a href="#">字滚动1111111111</a></div> <div class="hover_style"><a href="#">文字滚动2222222222</a></div>
JS代码:
<script type="text/javascript"> $(function(){ $(".hover_style").mouseover(function(e){ $(this).stop(true,false).animate({"margin-left":"+10px"},500); }).mouseleave(function(e){ $(this).stop(true,false).animate({"margin-left":"0px"},500); }); }); </script>
末了,多多支持本博客。