【文件属性】:
文件名称: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)