jQuery图片叠加翻页效果是一款类似一堆叠好的纸,从最上面抽出一张放到最下面的效果一样的图片翻页切换特效。
js代码
<scriptsrc="js/jquery-2.1.1.min.js"type="text/javascript"></script>
<scriptsrc="js/jquery.paper-slider.js"></script>
<script>
//scripts
$(document).ready(function(){
//initslider1
vardefaults={
speed:500
,timer:4000
,autoSlider:true
,hasNav:true
,pauseOnHover:true
,navLeftTxt:'<'
,navRightTxt:'>'
,zIndex:20
,ease:'linear'
,beforeAction:function(){
//thisreferstoDSinstance
this.t.css({
background:'#08c'
})
}
,afterAction:function(){
this.t.css({
background:'#eee'
})
//thisreferstoDSinstance
}
}
,as=$('#papers1').paperSlider(defaults)
,count=2
//destroy
$('#o-btn-des').click(function(){
as.destroy()
})
//resizewrapper
$('#o-btn-cs').click(function(){
$('#papers1').css('width',600)
})
//resizewrapper
$('#o-btn-ns').click(function(){
vart='<divclass="papers-demomgtb"id="papers'+++count+'">'+
($('#papers1.paper-slides').length?$('#papers1.paper-slides').html():$('#papers1').html())+
'</div>'
$('#wrapper').append(t)
$('#papers'+count).paperSlider(defaults)
})
})</script>
下载
|
|