html5+turn.js模拟合同电子书翻页代码免费下载

html5+turn.js模拟合同电子书翻页代码,以前发布过一些书本翻页效果基本都是图片形式的,这个是文字形式的哦。

JS代码

<script type="text/javascript" src="basic/extras/jquery.min.1.7.js"></script> 
    <script type="text/javascript" src="basic/extras/modernizr.2.5.3.min.js"></script> 
    <script type="text/javascript"> 
        function loadApp() { 
            $('.flipbook').turn({ 
                width: 914, 
                height: 643, 
                elevation: 500, 
                gradients: true, 
                autoCenter: true 
 
            }); 
        } 
        yepnope({ 
            test: Modernizr.csstransforms, 
            yep: ['basic/lib/turn.js'], 
            nope: ['basic/lib/turn.html4.min.js'], 
            both: ['basic/css/basic.css'], 
            complete: loadApp 
        }); 
 
        $(".prev-btn").on("click", function (event) { 
            $(".flipbook").turn("previous"); 
        }); 
        //上一页按钮 
        $(".next-btn").on("click", function (event) { 
            $(".flipbook").turn("next"); 
        }); 
 
        $('.seal').on('click', function () { 
            var str = '可以自定义公司名称'; //假设公司名称 
            var letter = str.split(''); 
            var o = 7 - Math.floor(letter.length / 2); 
            $(this).parent().siblings('.box').children('span').html(); 
            for (var i = 0; i < letter.length; i++) { 
                $(this).parent().siblings('.box').children('span').eq(o + i).html(letter[i]); 
            } 
            $(this).hide().siblings('.qx-seal').show().parent().siblings('.box').show(); 
        }) 
         
        $('.qx-seal').on('click', function () { 
            $(this).hide().siblings('.seal').show().parent().siblings('.box').hide(); 
        }) 
 
        $('.disabled').find('input').attr('disabled', 'disabled'); 
        $('.disabled').find('.seal').attr('disabled', 'disabled'); 
    </script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录