jquery左侧分享链接动画特效



62 246 83



特效描述:jquery 左侧分享链接 动画特效,jquery左侧分享链接动画特效

代码结构

1. 引入JS

<script src="js/jquery-1.8.3.min.js"></script>

2. HTML代码

<div class="zzsc">
	<a href="http:/www.51qianduan.com/" class="lanren1"><img src="images/zzsc01.jpg" alt="站长素材" width="50" height="50" /></a>
	<a href="http:/www.51qianduan.com/" class="lanren2"><img src="images/zzsc02.jpg" alt="站长素材" width="50" height="50" /></a>
	<a href="http:/www.51qianduan.com/" class="lanren3"><img src="images/zzsc03.jpg" alt="站长素材" width="50" height="50" /></a>
	<a href="http:/www.51qianduan.com/" class="lanren4"><img src="images/zzsc04.jpg" alt="站长素材" width="50" height="50" /></a>
	<a href="http:/www.51qianduan.com/" class="lanren5"><img src="images/zzsc05.jpg" alt="站长素材" width="50" height="50" /></a>
</div>
<script>
$(function(){
	$('.zzsc a').hover(function(){
		$(this).animate({width:'65px'},300);	
	},function(){
	$(this).animate({width:'50px'},300);	
	});
});
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 加载动画 滑动星星打分 h5弹窗动画 html5弹窗动画 h5动画 h5背景动画 h5场景动画 h53D动画 h5界面动画 html5动画 其他 h5按钮动画 html5按钮动画 h5图片动画 h5图标动画 html5图片动画 html5图标动画 图片滑动 图片滑块 分享

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到