js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/jquery.paper-slider.js"></script> <script> //scripts $(document).ready(function() { //init slider 1 var defaults = { speed: 500 ,timer: 4000 ,autoSlider: true ,hasNav: true ,pauseOnHover: true ,navLeftTxt: '<' ,navRightTxt: '>' ,zIndex:20 ,ease: 'linear' ,beforeAction: function() { //this refers to DS instance this.t.css({ background: '#08c' }) } ,afterAction: function() { this.t.css({ background: '#eee' }) //this refers to DS instance } } ,as = $('#papers1').paperSlider(defaults) ,count = 2 //destroy $('#o-btn-des').click(function() { as.destroy() }) //resize wrapper $('#o-btn-cs').click(function() { $('#papers1').css('width', 600) }) //resize wrapper $('#o-btn-ns').click(function() { var t = '<div class="papers-demo mgtb" id="papers' + ++count +'">' + ($('#papers1 .paper-slides').length?$('#papers1 .paper-slides').html():$('#papers1').html()) + '</div>' $('#wrapper').append(t) $('#papers' + count).paperSlider(defaults) }) }) </script>
申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@php.cn