Connect_logo_6.png 退出
前端视?#21040;?#31243; 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

jQuery点击图片相册掀开切换效果

作者/代码整理:  (转载请附加本文地址,带?#23567;?#25042;人原生”字样的谢绝转载) 发布日期:2017-10-24
这是一款鼠标点击图片自动切换到下一张特效,漂亮的jQuery点击图片相册掀开切换效果。


js代码

<script type="text/javascript">
$(function(){   
		  
	var interval;
	$(".container img").click(function cover(){
			$(this).addClass("zoom").fadeOut(700,append);		
			function append(){
			$(this).removeClass("zoom").appendTo(".container").show();
			var name = $(".container").children("img").first().attr("alt");
			 $(".name p").text("No "+name);
			}	
	  
	})
	
	function auto(){
			var play = $(".container").children("img").first();
			play.addClass("zoom").fadeOut(700,append);		
			function append(){
			$(this).removeClass("zoom").appendTo(".container").show();
			var name = $(this).parent().children("img").first().attr("alt");
			 $(".name p").text("No "+name);
			}
			interval = setTimeout(auto,5000);
	}
	
	$(".container img").hover(function(){
			stopPlay();
	},function(){
			interval = setTimeout(auto,5000);
	})
	
	function stopPlay(){
		clearTimeout(interval)
	}
	auto();
					
})
</script>

猜你喜欢...
服务版码上点餐外卖餐饮系统7.5.6微擎公众号+小程序预订外卖服务系统源码
给客户二开的一键生成转账截图验证还款能力
Q仔来啦疯狂领养宠物集市开发市场区块猪包搭建
vue金鸡报喜区块鸡体验效果堪比APP原生
最新签到活动抽奖源码 微信互动摇一摇源码带婚庆背景带背景音乐
网站程序源码交易?#25945;?#25972;站源码 优秀源码域名交易服务站点中心
火币虚拟币交易?#25945;?#24065;币交易 区块链虚拟交易?#25945;?#28304;码包搭建
共享按摩椅分红复利系统源码 投资理财分销系统源码手机版
区块链区块?#38750;?#22359;宠物系统源码 区块十二生肖源码
高级版我买单联盟5.4.1微擎小程序源码 商家加盟区块链源码
多商家微信小程序商城源码 带商家入驻 thinkPHP商城分销拼团源码
微商助理防伪?#26469;?#36135;溯源代理授权查询系统源码
标准版亿恒共享借物系统1.1.4微信小程序 租赁共享借物系统源码
O2O全能派单至尊支付版3.0.1上门预约公众号微擎源码
基础版政务预约1.0.0首发微信小程序源码
带小程序分支的万能客服24.1.0无授权无加密
html5仿微信群聊天单独手机网页版带群组群聊
商业版NiuCms智慧城市 智慧生活系统 电商?#25945;?带商家入驻带采集功能
百度小偷 搜索引擎源码 PHP搜索引擎 SEO站群源码二开版
趣投币圈2.0最新版 投资理财实时汇率 专业理财投资?#25945;?#28304;码
极速快三全天人工计划
c罗西甲联赛历年进球数 近200期排列五走势图 基多体育 河南11选5分布走势图 体彩6十1开奖时间 体彩浙江6十1开奖查询19052 草原姑娘图片 广西快乐10分今日开奖走势结果 欢乐升级四副牌 福彩25选7玩法 竟彩分析 传统足彩胜负彩 福彩双色球走势图 飞艇彩票 幸运赛车怎么下载