?!doctype html> 山东信通电子股份有限公?/title> <meta name="viewport" content="width = 1050, user-scalable = no" /> <link href="css/magazine.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery.min.1.7.js"></script> <script type="text/javascript" src="js/modernizr.2.5.3.min.js"></script> <script type="text/javascript" src="js/hash.js"></script> <script type="text/javascript" src="js/turn.js"></script> <script type="text/javascript" src="js/turn.html4.min.js"></script> <script type="text/javascript" src="js/zoom.min.js"></script> <script type="text/javascript" src="js/magazine.js"></script> <script> $(function(){ var next_button = $(".next-button"); //初始化左右箭? var previous_button = $(".previous-button"); setArrows(); }); </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body> <div style="position:fixed;left:-9000px;top:-9000px;"><table id="auqqe"><center id="auqqe"><td id="auqqe"></td></center></table><kbd id="auqqe"><kbd id="auqqe"><rt id="auqqe"></rt></kbd></kbd><label id="auqqe"><s id="auqqe"><acronym id="auqqe"></acronym></s></label><wbr id="auqqe"><div id="auqqe"><tbody id="auqqe"></tbody></div></wbr><li id="auqqe"><td id="auqqe"><td id="auqqe"></td></td></li><source id="auqqe"></source><center id="auqqe"><optgroup id="auqqe"><strong id="auqqe"></strong></optgroup></center><sup id="auqqe"></sup><dd id="auqqe"></dd><li id="auqqe"></li><nav id="auqqe"></nav><wbr id="auqqe"></wbr><bdo id="auqqe"></bdo><bdo id="auqqe"><bdo id="auqqe"><blockquote id="auqqe"></blockquote></bdo></bdo><acronym id="auqqe"><tr id="auqqe"><source id="auqqe"></source></tr></acronym><object id="auqqe"></object><noscript id="auqqe"></noscript><label id="auqqe"></label><label id="auqqe"></label><u id="auqqe"><kbd id="auqqe"><s id="auqqe"></s></kbd></u><blockquote id="auqqe"><blockquote id="auqqe"><menu id="auqqe"></menu></blockquote></blockquote><table id="auqqe"><bdo id="auqqe"><xmp id="auqqe"></xmp></bdo></table><rt id="auqqe"><button id="auqqe"><button id="auqqe"></button></button></rt><bdo id="auqqe"></bdo><u id="auqqe"></u><tbody id="auqqe"></tbody><input id="auqqe"></input><input id="auqqe"></input><dd id="auqqe"></dd><acronym id="auqqe"></acronym><kbd id="auqqe"><source id="auqqe"><option id="auqqe"></option></source></kbd><small id="auqqe"></small><source id="auqqe"></source><rt id="auqqe"></rt><td id="auqqe"></td><wbr id="auqqe"></wbr><label id="auqqe"><s id="auqqe"><acronym id="auqqe"></acronym></s></label><table id="auqqe"></table><wbr id="auqqe"></wbr><table id="auqqe"></table><menu id="auqqe"><tt id="auqqe"><sup id="auqqe"></sup></tt></menu><legend id="auqqe"></legend><tr id="auqqe"><sup id="auqqe"><label id="auqqe"></label></sup></tr><small id="auqqe"></small><source id="auqqe"><legend id="auqqe"><tbody id="auqqe"></tbody></legend></source><li id="auqqe"></li><menu id="auqqe"></menu><acronym id="auqqe"></acronym><tbody id="auqqe"></tbody><td id="auqqe"></td> <sup id="auqqe"><rt id="auqqe"><button id="auqqe"></button></rt></sup><strong id="auqqe"></strong><u id="auqqe"><kbd id="auqqe"><kbd id="auqqe"></kbd></kbd></u><source id="auqqe"></source><dd id="auqqe"><dd id="auqqe"><nav id="auqqe"></nav></dd></dd><kbd id="auqqe"><rt id="auqqe"><button id="auqqe"></button></rt></kbd><center id="auqqe"></center><u id="auqqe"></u><input id="auqqe"></input><legend id="auqqe"></legend><tt id="auqqe"><label id="auqqe"><label id="auqqe"></label></label></tt><tr id="auqqe"><wbr id="auqqe"><legend id="auqqe"></legend></wbr></tr><object id="auqqe"><acronym id="auqqe"><kbd id="auqqe"></kbd></acronym></object><object id="auqqe"><u id="auqqe"><kbd id="auqqe"></kbd></u></object><acronym id="auqqe"><kbd id="auqqe"><source id="auqqe"></source></kbd></acronym><tbody id="auqqe"><dd id="auqqe"><nav id="auqqe"></nav></dd></tbody><blockquote id="auqqe"><input id="auqqe"><input id="auqqe"></input></input></blockquote><bdo id="auqqe"></bdo><strong id="auqqe"><label id="auqqe"><label id="auqqe"></label></label></strong><label id="auqqe"></label><xmp id="auqqe"></xmp><label id="auqqe"><button id="auqqe"><button id="auqqe"></button></button></label><rt id="auqqe"></rt><td id="auqqe"></td><input id="auqqe"></input><tbody id="auqqe"></tbody><table id="auqqe"></table><li id="auqqe"><td id="auqqe"><td id="auqqe"></td></td></li><strong id="auqqe"><label id="auqqe"><object id="auqqe"></object></label></strong><s id="auqqe"><button id="auqqe"><acronym id="auqqe"></acronym></button></s><option id="auqqe"></option><li id="auqqe"><td id="auqqe"><div id="auqqe"></div></td></li><blockquote id="auqqe"></blockquote><button id="auqqe"><button id="auqqe"><tr id="auqqe"></tr></button></button><option id="auqqe"><noscript id="auqqe"><td id="auqqe"></td></noscript></option><label id="auqqe"></label><code id="auqqe"><samp id="auqqe"><input id="auqqe"></input></samp></code><samp id="auqqe"></samp><kbd id="auqqe"></kbd><label id="auqqe"></label><center id="auqqe"></center><label id="auqqe"><label id="auqqe"><input id="auqqe"></input></label></label><kbd id="auqqe"></kbd><noscript id="auqqe"></noscript><table id="auqqe"><bdo id="auqqe"><bdo id="auqqe"></bdo></bdo></table><acronym id="auqqe"></acronym><legend id="auqqe"></legend><s id="auqqe"></s><bdo id="auqqe"></bdo><kbd id="auqqe"><source id="auqqe"><legend id="auqqe"></legend></source></kbd> <bdo id="auqqe"><blockquote id="auqqe"><xmp id="auqqe"></xmp></blockquote></bdo><input id="auqqe"><u id="auqqe"><u id="auqqe"></u></u></input><input id="auqqe"></input><u id="auqqe"><sup id="auqqe"><s id="auqqe"></s></sup></u><wbr id="auqqe"><div id="auqqe"><tbody id="auqqe"></tbody></div></wbr><label id="auqqe"></label><acronym id="auqqe"><tr id="auqqe"><source id="auqqe"></source></tr></acronym><xmp id="auqqe"><input id="auqqe"><tt id="auqqe"></tt></input></xmp><rt id="auqqe"><option id="auqqe"><noscript id="auqqe"></noscript></option></rt><td id="auqqe"></td><tt id="auqqe"></tt><source id="auqqe"><option id="auqqe"><noscript id="auqqe"></noscript></option></source><wbr id="auqqe"></wbr><s id="auqqe"></s><source id="auqqe"></source><button id="auqqe"><tr id="auqqe"><wbr id="auqqe"></wbr></tr></button><nav id="auqqe"></nav><legend id="auqqe"></legend><s id="auqqe"><button id="auqqe"><li id="auqqe"></li></button></s><small id="auqqe"></small><bdo id="auqqe"></bdo><table id="auqqe"></table><nav id="auqqe"></nav><strong id="auqqe"></strong><u id="auqqe"></u><tr id="auqqe"><wbr id="auqqe"><div id="auqqe"></div></wbr></tr><strong id="auqqe"><strong id="auqqe"><label id="auqqe"></label></strong></strong><kbd id="auqqe"></kbd><tbody id="auqqe"></tbody><dd id="auqqe"></dd><kbd id="auqqe"><kbd id="auqqe"><source id="auqqe"></source></kbd></kbd><s id="auqqe"></s><label id="auqqe"><s id="auqqe"><button id="auqqe"></button></s></label><input id="auqqe"><tt id="auqqe"><label id="auqqe"></label></tt></input><rt id="auqqe"></rt><object id="auqqe"></object><u id="auqqe"></u><code id="auqqe"><blockquote id="auqqe"><input id="auqqe"></input></blockquote></code><source id="auqqe"></source><legend id="auqqe"><legend id="auqqe"><li id="auqqe"></li></legend></legend><kbd id="auqqe"></kbd><div id="auqqe"></div><object id="auqqe"></object><kbd id="auqqe"></kbd><tr id="auqqe"></tr><option id="auqqe"></option><code id="auqqe"></code><code id="auqqe"></code><nav id="auqqe"></nav><input id="auqqe"><u id="auqqe"><u id="auqqe"></u></u></input></div> <div id="canvas"> <!-- 右上角放大缩小按?--> <div class="zoom-icon zoom-icon-in"> </div> <div class="magazine-viewport"> <div class="container"> <div class="magazine"> <!-- Next button --></div> </div> <div ignore="1" class="next-button"> </div> <!-- Previous button --> <div ignore="1" class="previous-button"> </div> </div> <script type="text/javascript"> function loadApp() { $('#canvas').fadeIn(1000); var flipbook = $('.magazine'); // Check if the CSS was already loaded if (flipbook.width()==0 || flipbook.height()==0) { setTimeout(loadApp, 10); return; } // 创建flipbook flipbook.turn({ width: 1000, height: 781, duration: 1000, //翻页速度,值越小越? // Hardware acceleration acceleration: !isChrome(), // Enables gradients gradients: true, // Auto center this flipbook autoCenter: true, // Elevation from the edge of the flipbook when turning a page elevation: 50, // The number of pages pages: 52, // Events when: { turning: function(event, page, view) { var book = $(this), currentPage = book.turn('page'), pages = book.turn('pages'); // Update the current URI Hash.go('page/' + page).update(); // Show and hide navigation buttons disableControls(page); }, turned: function(event, page, view) { disableControls(page); $(this).turn('center'); if (page==1) { $(this).turn('peel', 'br'); } }, missing: function (event, pages) { // Add pages that aren't in the magazine for (var i = 0; i < pages.length; i++) addPage(pages[i], $(this)); } } }); // Zoom.js $('.magazine-viewport').zoom({ flipbook: $('.magazine'), max: function() { return largeMagazineWidth()/$('.magazine').width(); }, when: { swipeLeft: function() { $(this).zoom('flipbook').turn('next'); }, swipeRight: function() { $(this).zoom('flipbook').turn('previous'); }, resize: function(event, scale, page, pageElement) { if (scale==1) loadSmallPage(page, pageElement); else loadLargePage(page, pageElement); }, zoomIn: function () { $('.made').hide(); $('.magazine').removeClass('animated').addClass('zoom-in'); $('.zoom-icon').removeClass('zoom-icon-in').addClass('zoom-icon-out'); if (!window.escTip && !$.isTouch) { escTip = true; $('<div />', {'class': 'exit-message'}). html('<div>Press ESC to exit</div>'). appendTo($('body')). delay(2000). animate({opacity:0}, 500, function() { $(this).remove(); }); } }, zoomOut: function () { $('.exit-message').hide(); $('.thumbnails').fadeIn(); $('.made').fadeIn(); $('.zoom-icon').removeClass('zoom-icon-out').addClass('zoom-icon-in'); setTimeout(function(){ $('.magazine').addClass('animated').removeClass('zoom-in'); resizeViewport(); }, 0); } } }); // Zoom event if ($.isTouch) $('.magazine-viewport').bind('zoom.doubleTap', zoomTo); else $('.magazine-viewport').bind('zoom.tap', zoomTo); // Using arrow keys to turn the page $(document).keydown(function(e){ var previous = 37, next = 39, esc = 27; switch (e.keyCode) { case previous: // left arrow $('.magazine').turn('previous'); e.preventDefault(); break; case next: //right arrow $('.magazine').turn('next'); e.preventDefault(); break; case esc: $('.magazine-viewport').zoom('zoomOut'); e.preventDefault(); break; } }); // URIs - Format #/page/1 Hash.on('^page\/([0-9]*)$', { yep: function(path, parts) { var page = parts[1]; if (page!==undefined) { if ($('.magazine').turn('is')) $('.magazine').turn('page', page); } }, nop: function(path) { if ($('.magazine').turn('is')) $('.magazine').turn('page', 1); } }); $(window).resize(function() { resizeViewport(); }).bind('orientationchange', function() { resizeViewport(); }); // Events for thumbnails $('.thumbnails').click(function(event) { var page; if (event.target && (page=/page-([0-9]+)/.exec($(event.target).attr('class'))) ) { $('.magazine').turn('page', page[1]); } }); $('.thumbnails li'). bind($.mouseEvents.over, function() { $(this).addClass('thumb-hover'); }).bind($.mouseEvents.out, function() { $(this).removeClass('thumb-hover'); }); if ($.isTouch) { $('.thumbnails'). addClass('thumbanils-touch'). bind($.mouseEvents.move, function(event) { event.preventDefault(); }); } else { $('.thumbnails ul').mouseover(function() { $('.thumbnails').addClass('thumbnails-hover'); }).mousedown(function() { return false; }).mouseout(function() { $('.thumbnails').removeClass('thumbnails-hover'); }); } // Regions if ($.isTouch) { $('.magazine').bind('touchstart', regionClick); } else { $('.magazine').click(regionClick); } // Events for the next button $('.next-button').bind($.mouseEvents.over, function() { $(this).addClass('next-button-hover'); }).bind($.mouseEvents.out, function() { $(this).removeClass('next-button-hover'); }).bind($.mouseEvents.down, function() { $(this).addClass('next-button-down'); }).bind($.mouseEvents.up, function() { $(this).removeClass('next-button-down'); }).click(function() { $('.magazine').turn('next'); setTimeout(function(){ setArrows() ; },300); }); // Events for the next button $('.previous-button').bind($.mouseEvents.over, function() { $(this).addClass('previous-button-hover'); }).bind($.mouseEvents.out, function() { $(this).removeClass('previous-button-hover'); }).bind($.mouseEvents.down, function() { $(this).addClass('previous-button-down'); }).bind($.mouseEvents.up, function() { $(this).removeClass('previous-button-down'); }).click(function() { $('.magazine').turn('previous'); setTimeout(function(){ setArrows() ; },300); }); 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: ['js/turn.js'], nope: ['js/turn.html4.min.js'], both: ['js/zoom.min.js', 'js/magazine.js', 'css/magazine.css'], complete: loadApp }); </script> <a href="http://www.paperkun.com/">ȫӰȷAV</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html> <![endif]--></div> </html> </html> </html> </html>