动态漂亮的jQuery制作点击图片相册掀开切换效果

92模板   2020-08-01   收藏本文
这是一款jQuery制作点击图片相册掀开切换效果,鼠标点击图片自动切换到下一张特效,非常的漂亮有创意。

这款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>

具体效果看下方【演示地址】吧^_^

动态漂亮的jQuery制作点击图片相册掀开切换效果

演示地址 下载地址A 下载地址B

相关特效

    暂无数据
免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权利,请联系网站客服,核实后立即删除。
展开