首页 > 网站脚本

3d电子画册

应用平台：PC + 移动

凡库 No.09

查看演示立即下载

样式描述：一款汇思前程集团电子画册。

一款汇思前程集团电子画册。

友情提示：文件压缩包若带有密码，均为：www.changfanku.com

部分代码段

$("#slider").slider({
                min: 1,
                max: numberOfViews(flipbook),

                start: function(event, ui) {

                    if (!window._thumbPreview) {
                        _thumbPreview = $('', {
                            'class': 'thumbnail'
                        }).html('
');
                        setPreview(ui.value);
                        _thumbPreview.appendTo($(ui.handle));
                    } else
                        setPreview(ui.value);

                    moveBar(false);

                },

                slide: function(event, ui) {

                    setPreview(ui.value);

                },

                stop: function() {

                    if (window._thumbPreview)
                        _thumbPreview.removeClass('show');

                    $('.magazine').turn('page', Math.max(1, $(this).slider('value') * 2 - 2));

                }
            });

            resizeViewport();

            $('.magazine').addClass('animated');

        }

        // Zoom icon

        $('.zoom-icon').bind('mouseover', function() {

            if ($(this).hasClass('zoom-icon-in'))
                $(this).addClass('zoom-icon-in-hover');

            if ($(this).hasClass('zoom-icon-out'))
                $(this).addClass('zoom-icon-out-hover');

        }).bind('mouseout', function() {

            if ($(this).hasClass('zoom-icon-in'))
                $(this).removeClass('zoom-icon-in-hover');

            if ($(this).hasClass('zoom-icon-out'))
                $(this).removeClass('zoom-icon-out-hover');

        }).bind('click', function() {

            if ($(this).hasClass('zoom-icon-in'))
                $('.magazine-viewport').zoom('zoomIn');
            else if ($(this).hasClass('zoom-icon-out'))
                $('.magazine-viewport').zoom('zoomOut');

        });

        $('#canvas').hide();


        // Load the HTML4 version if there's not CSS transform

        yepnope({
            test: Modernizr.csstransforms,
            yep: ['./电子画册_files/turn.min.js'],
            nope: ['./电子画册_files/turn.html4.min.js', './电子画册_files/jquery.ui.html4.css'],
            both: ['./电子画册_files/zoom.min.js', './电子画册_files/jquery.ui.css', './电子画册_files/magazine.js', './电子画册_files/magazine.css'],
            complete: loadApp
        });
        script>