文件名称:jQuery点击图片相册掀开切换效果.zip
文件大小:117KB
文件格式:ZIP
更新时间:2022-07-31 04:21:45
js特效-jQuery点击图片相册掀开切换效果
js代码 [removed] $(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(); }) [removed]
【文件预览】:
jQuery点击图片相册掀开切换效果
----css()
--------style.css(1KB)
----php中文网下载站.url(114B)
----images()
--------a2.png(12KB)
--------a3.png(24KB)
--------a1.png(12KB)
--------a5.png(13KB)
--------a4.png(19KB)
----index.html(2KB)
----js()
--------jquery.min.js(91KB)
----php中文网免费下载站.txt(219B)