Jquery文字连接移动效果，鼠标放上去，横向移动特效

这种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>

 

末了，多多支持本博客。