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

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>

 

末了,多多支持本博客。