jQuery全屏背景跟随手风琴图片切换特效

漂亮的全屏背景图片跟随手风琴图片一起切换的jQuery图片手风琴切换特效。

js代码
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript">
(function(){
$('#wrapli').mouseover(function(){
if(!$(this).hasClass('curr')){
$('#wrapli').removeClass('curr');
$(this).addClass('curr');//切换背景
$('#wrapli').each(function(index){
if($(this).hasClass('curr')){
$('.bg').fadeOut(300);
$('.bg:eq('+index+')').fadeIn(500);
}
});$('.curr').stop().animate({
width:700
},500,'linear');
$('#wrapli').not('.curr').stop().animate({
width:100
},500,'linear');
}
});
})()
</script>



下载

2023-11-23 00:01 上传

点击文件名下载附件