竟彩篮球胜分差
Connect_logo_6.png 退出
前端視頻教程 Thinkphp源碼 眾籌源碼 python 商城源碼 商城模板 響應式模板 中文模板 手機模板 企業源碼
充值

jQuery點擊圖片相冊掀開切換效果

作者/代碼整理:  (轉載請附加本文地址,帶有“懶人原生”字樣的謝絕轉載) 發布日期: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>

猜你喜歡...
java拼多多穩定防風控PDD出碼系統
CRM客戶管理系統 CRM辦公權限管理系統源碼 OA辦公通用系統
Discuz多配色帶手機版城市生活地方門戶論壇網站模板 帶后臺帶數據
最新版ThinkPHPiOS超級簽名自動分發平臺 iOS超級簽名系統源碼包安裝
蘋果CMSV10影視網站模板 P2P加速播放 帶記憶播放功能可自動播放
非亞口腔網站織夢源碼 整站打包源碼 支持WAP手機
PHP最新版個人付費真人八字算命測運勢網站源碼 帶采集帶手機版
ThinkPHP單用戶大型購物商場網站模板帶QQ登錄支持微信支付寶支付
全套交友程序源碼 交友聊天網站 程序帶APP源碼支持生成APP
TP5商城小程序系統源碼 支持砍價分銷拼團 支持最時尚流行推廣名片
ThinkPHP多商戶小程序商城過審源碼支持商家入駐簽到導航分享+拼團+秒殺+優惠券
ThinkPHP開發小程序公眾號H5多端商城程序源碼前后端分離支持打包APP
ThinkPHP小說漫畫公眾號+手機H5源碼支持代理扣量
星點城市365本地門戶網站源碼 分類信息門戶網站 新聞資訊門戶
黃金家園農場修復版對接了微信的H5支付和公眾號支付
K凱斯頓酒店管理連鎖有限公司中英文響應式整站源碼
74cms5.0含所有商業插件+WeChat mini_v1.0.14騎士5.0小程序前端和5.0配置教程
V1.6.2零點城市社交電商最新版小程序過審版 抖音同城電商線下引流程序源碼
走到哪都能在線預約教練系統源碼 Thinkphp3.2穩定框架預約系統
大淘客dataoke四合一有券才購帶移動端和視頻安裝教程
竟彩篮球胜分差 大众麻将规则介绍 德州麻将官网 极速11选5什么盘口稳定 亿牛策略配资 广西河池麻将1元群 皇冠190比分网即时比分 微信红包打麻将怎么玩 陕西快乐10分 球探体育比分app下载 3分彩开奖直播 股票涨跌停计算 福州麻将圈微信群 3d过滤缩水工具 辽宁11选5 福建八闽麻将官方安卓 预测过海3d预测直选