?!doctype html> 山东信通电子股份有限公叡?/title> <meta name="viewport" content="width = 1050, user-scalable = no" /> <link href="/book/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 name="mobile-agent" content="format=xhtml;url=http://m.soshinic.com/"> <meta name="mobile-agent" content="format=html5;url=http://m.soshinic.com/"> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta http-equiv="Cache-Control" content="no-transform" /> <script> (function(){ var canonicalURL, curProtocol; var x=document.getElementsByTagName("link"); if(x.length > 0){ for (i=0;i<x.length;i++){ if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){ canonicalURL=x[i].href; } } } if (!canonicalURL){ curProtocol = window.location.protocol.split(':')[0]; } else{ curProtocol = canonicalURL.split(':')[0]; } if (!canonicalURL) canonicalURL = window.location.href; !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})(); </script> </head> <body id="f64plu" > <div style='display:none'><q id='7rhagI'><h1><a href="http://www.soshinic.com/" title=""></a></h1></q><tt id='7rhagI'><dd id='7rhagI'><noscript id='7rhagI'><dl id='7rhagI'><i id='7rhagI'></i><dd id='7rhagI'></dd></dl></noscript></dd></tt><tr id='7rhagI'></tr><td id='7rhagI'></td><q id='7rhagI'></q><dd id='7rhagI'></dd><div id='7rhagI'><button id='7rhagI'><tfoot id='7rhagI'><i id='7rhagI'><dl id='7rhagI'><i id='7rhagI'><strike id='7rhagI'><dt id='7rhagI'></dt></strike></i></dl></i><pre id='7rhagI'></pre></tfoot><u id='7rhagI'></u><small id='7rhagI'></small></button><tr id='7rhagI'></tr></div><strike id='7rhagI'></strike><label id='7rhagI'></label><button id='7rhagI'></button><optgroup id='7rhagI'></optgroup><dd id='7rhagI'></dd><sup id='7rhagI'><del id='7rhagI'><strike id='7rhagI'><dd id='7rhagI'></dd></strike></del></sup><fieldset id='7rhagI'><p id='7rhagI'></p></fieldset><big id='7rhagI'><big id='7rhagI'><address id='7rhagI'><dl id='7rhagI'></dl></address><dd id='7rhagI'></dd><table id='7rhagI'><abbr id='7rhagI'><strong id='7rhagI'><blockquote id='7rhagI'></blockquote></strong></abbr><td id='7rhagI'><pre id='7rhagI'></pre></td></table></big></big><q id='7rhagI'><abbr id='7rhagI'><thead id='7rhagI'></thead></abbr></q><li id='7rhagI'><q id='7rhagI'><acronym id='7rhagI'><dd id='7rhagI'><td id='7rhagI'><noframes id='7rhagI'><tr id='7rhagI'><strong id='7rhagI'></strong><small id='7rhagI'></small><button id='7rhagI'></button><li id='7rhagI'><noscript id='7rhagI'><big id='7rhagI'></big><dt id='7rhagI'></dt></noscript></li></tr><ol id='7rhagI'><option id='7rhagI'><table id='7rhagI'><blockquote id='7rhagI'><tbody id='7rhagI'></tbody></blockquote></table></option></ol><u id='7rhagI'></u><kbd id='7rhagI'><kbd id='7rhagI'></kbd></kbd></noframes><abbr id='7rhagI'></abbr></td></dd></acronym></q></li><thead id='7rhagI'><button id='7rhagI'><abbr id='7rhagI'></abbr></button></thead><button id='7rhagI'><u id='7rhagI'><u id='7rhagI'></u></u><tr id='7rhagI'><optgroup id='7rhagI'><dd id='7rhagI'><dfn id='7rhagI'><tt id='7rhagI'><thead id='7rhagI'><optgroup id='7rhagI'></optgroup></thead></tt><legend id='7rhagI'></legend><noframes id='7rhagI'><b id='7rhagI'><form id='7rhagI'></form></b></noframes></dfn><pre id='7rhagI'></pre></dd></optgroup><dl id='7rhagI'><big id='7rhagI'><dd id='7rhagI'><td id='7rhagI'><dir id='7rhagI'></dir></td></dd></big><optgroup id='7rhagI'></optgroup><dfn id='7rhagI'></dfn></dl></tr></button><strong id='7rhagI'></strong><ol id='7rhagI'><dfn id='7rhagI'><kbd id='7rhagI'></kbd></dfn></ol><ul id='7rhagI'></ul><noframes id='7rhagI'></noframes><blockquote id='7rhagI'></blockquote><fieldset id='7rhagI'></fieldset><sup id='7rhagI'><p id='7rhagI'><tt id='7rhagI'><sup id='7rhagI'><bdo id='7rhagI'><ol id='7rhagI'><sup id='7rhagI'><dl id='7rhagI'><em id='7rhagI'><label id='7rhagI'></label></em></dl></sup></ol></bdo><address id='7rhagI'></address></sup></tt></p><fieldset id='7rhagI'><noframes id='7rhagI'><code id='7rhagI'><strong id='7rhagI'></strong></code></noframes></fieldset></sup><sup id='7rhagI'></sup><div id='7rhagI'><pre id='7rhagI'><select id='7rhagI'></select><td id='7rhagI'></td></pre></div><kbd id='7rhagI'><u id='7rhagI'></u></kbd><div id='7rhagI'></div><blockquote id='7rhagI'></blockquote><q id='7rhagI'></q><th id='7rhagI'></th><big id='7rhagI'></big><address id='7rhagI'><b id='7rhagI'><select id='7rhagI'></select></b></address><code id='7rhagI'></code><ul id='7rhagI'><strike id='7rhagI'></strike></ul><noscript id='7rhagI'></noscript><pre id='7rhagI'></pre><div id='7rhagI'><p id='7rhagI'></p></div><tfoot id='7rhagI'></tfoot><thead id='7rhagI'><bdo id='7rhagI'></bdo></thead><kbd id='7rhagI'></kbd><p id='7rhagI'><fieldset id='7rhagI'><style id='7rhagI'></style></fieldset></p><acronym id='7rhagI'><big id='7rhagI'><code id='7rhagI'></code></big></acronym><noframes id='7rhagI'><fieldset id='7rhagI'></fieldset></noframes><ol id='7rhagI'></ol><font id='7rhagI'></font><td id='7rhagI'><ol id='7rhagI'></ol></td><center id='7rhagI'></center><option id='7rhagI'></option><legend id='7rhagI'></legend><big id='7rhagI'></big><sub id='7rhagI'><ol id='7rhagI'><li id='7rhagI'><label id='7rhagI'></label></li></ol></sub><i id='7rhagI'><ol id='7rhagI'></ol></i><del id='7rhagI'></del><tr id='7rhagI'><tr id='7rhagI'><bdo id='7rhagI'><form id='7rhagI'><em id='7rhagI'></em><ins id='7rhagI'><center id='7rhagI'><center id='7rhagI'></center></center></ins><pre id='7rhagI'><em id='7rhagI'></em><abbr id='7rhagI'><legend id='7rhagI'><div id='7rhagI'><center id='7rhagI'></center></div></legend></abbr></pre></form></bdo></tr></tr><b id='7rhagI'></b><noframes id='7rhagI'><span id='7rhagI'></span></noframes><font id='7rhagI'><ol id='7rhagI'></ol></font><td id='7rhagI'><abbr id='7rhagI'><option id='7rhagI'><big id='7rhagI'></big></option></abbr><dfn id='7rhagI'></dfn></td><form id='7rhagI'><legend id='7rhagI'></legend></form><td id='7rhagI'><strike id='7rhagI'><blockquote id='7rhagI'></blockquote></strike></td><sup id='7rhagI'><fieldset id='7rhagI'><li id='7rhagI'></li></fieldset></sup><option id='7rhagI'></option><thead id='7rhagI'></thead><del id='7rhagI'></del><b id='7rhagI'><tfoot id='7rhagI'></tfoot><i id='7rhagI'></i></b><sup id='7rhagI'></sup><thead id='7rhagI'></thead><kbd id='7rhagI'></kbd><acronym id='7rhagI'><strike id='7rhagI'></strike></acronym><table id='7rhagI'><select id='7rhagI'></select></table><strong id='7rhagI'></strong><center id='7rhagI'></center><p id='7rhagI'><b id='7rhagI'><bdo id='7rhagI'><span id='7rhagI'></span></bdo></b></p><tr id='7rhagI'><form id='7rhagI'><strong id='7rhagI'><dir id='7rhagI'></dir></strong><th id='7rhagI'></th></form><strong id='7rhagI'><select id='7rhagI'></select></strong></tr><form id='7rhagI'><pre id='7rhagI'></pre></form><code id='7rhagI'></code><optgroup id='7rhagI'></optgroup><strong id='7rhagI'><td id='7rhagI'><table id='7rhagI'><legend id='7rhagI'><legend id='7rhagI'><big id='7rhagI'><fieldset id='7rhagI'><q id='7rhagI'><tfoot id='7rhagI'><big id='7rhagI'><tt id='7rhagI'><thead id='7rhagI'></thead></tt></big><p id='7rhagI'></p><button id='7rhagI'><table id='7rhagI'><ins id='7rhagI'></ins><tt id='7rhagI'><li id='7rhagI'><thead id='7rhagI'></thead></li></tt></table></button></tfoot></q></fieldset></big></legend></legend></table><tr id='7rhagI'><td id='7rhagI'></td><tfoot id='7rhagI'></tfoot></tr><strong id='7rhagI'><span id='7rhagI'><dfn id='7rhagI'></dfn><bdo id='7rhagI'><thead id='7rhagI'></thead></bdo></span></strong></td></strong><button id='7rhagI'></button><ol id='7rhagI'><font id='7rhagI'><blockquote id='7rhagI'><center id='7rhagI'></center></blockquote></font></ol><strong id='7rhagI'></strong><dl id='7rhagI'><legend id='7rhagI'></legend><sub id='7rhagI'><small id='7rhagI'></small></sub></dl><style id='7rhagI'></style><pre id='7rhagI'><code id='7rhagI'></code></pre><big id='7rhagI'></big><font id='7rhagI'></font><bdo id='7rhagI'></bdo><dfn id='7rhagI'><dd id='7rhagI'><button id='7rhagI'><strike id='7rhagI'><div id='7rhagI'><div id='7rhagI'><legend id='7rhagI'></legend></div></div></strike></button><optgroup id='7rhagI'><q id='7rhagI'></q></optgroup></dd><ol id='7rhagI'><q id='7rhagI'><dfn id='7rhagI'><button id='7rhagI'><tbody id='7rhagI'><tbody id='7rhagI'></tbody></tbody></button></dfn></q></ol></dfn><dl id='7rhagI'></dl><fieldset id='7rhagI'></fieldset><u id='7rhagI'></u><div id='7rhagI'><ins id='7rhagI'></ins></div><strong id='7rhagI'></strong><center id='7rhagI'></center><strong id='7rhagI'></strong><small id='7rhagI'></small><td id='7rhagI'><q id='7rhagI'><q id='7rhagI'><b id='7rhagI'><optgroup id='7rhagI'></optgroup></b></q><ol id='7rhagI'><bdo id='7rhagI'></bdo></ol><dd id='7rhagI'><th id='7rhagI'></th></dd><blockquote id='7rhagI'></blockquote><ul id='7rhagI'><style id='7rhagI'></style></ul></q></td><noscript id='7rhagI'></noscript><ol id='7rhagI'></ol><p id='7rhagI'></p><strong id='7rhagI'><big id='7rhagI'></big><strike id='7rhagI'><q id='7rhagI'><sup id='7rhagI'></sup></q></strike></strong><p id='7rhagI'><thead id='7rhagI'><acronym id='7rhagI'><tfoot id='7rhagI'><kbd id='7rhagI'></kbd><form id='7rhagI'></form></tfoot></acronym></thead></p><fieldset id='7rhagI'></fieldset><b id='7rhagI'><dt id='7rhagI'></dt></b><sup id='7rhagI'></sup><label id='7rhagI'></label><noframes id='7rhagI'><ins id='7rhagI'></ins></noframes><td id='7rhagI'></td><dfn id='7rhagI'></dfn><font id='7rhagI'><style id='7rhagI'></style></font><tr id='7rhagI'><td id='7rhagI'></td></tr><dfn id='7rhagI'><ul id='7rhagI'></ul></dfn><tr id='7rhagI'></tr><abbr id='7rhagI'></abbr><strong id='7rhagI'></strong><dt id='7rhagI'></dt><span id='7rhagI'><label id='7rhagI'><td id='7rhagI'></td></label><address id='7rhagI'></address></span><label id='7rhagI'><bdo id='7rhagI'><dt id='7rhagI'><dl id='7rhagI'></dl></dt></bdo></label><abbr id='7rhagI'><optgroup id='7rhagI'></optgroup></abbr><code id='7rhagI'></code><address id='7rhagI'><thead id='7rhagI'></thead></address><td id='7rhagI'><style id='7rhagI'><tbody id='7rhagI'></tbody><strong id='7rhagI'></strong></style></td><ul id='7rhagI'><ul id='7rhagI'></ul></ul><del id='7rhagI'></del><th id='7rhagI'><option id='7rhagI'><legend id='7rhagI'></legend></option></th><b id='7rhagI'></b><i id='7rhagI'><noscript id='7rhagI'></noscript></i><q id='7rhagI'></q><select id='7rhagI'></select><option id='7rhagI'></option><optgroup id='7rhagI'><big id='7rhagI'></big></optgroup><noframes id='7rhagI'><acronym id='7rhagI'><em id='7rhagI'></em><td id='7rhagI'><div id='7rhagI'></div></td></acronym><address id='7rhagI'><big id='7rhagI'><big id='7rhagI'></big><legend id='7rhagI'></legend></big></address></noframes><ul id='7rhagI'></ul><abbr id='7rhagI'><p id='7rhagI'><small id='7rhagI'><bdo id='7rhagI'><code id='7rhagI'><i id='7rhagI'><legend id='7rhagI'></legend></i><sub id='7rhagI'></sub></code></bdo></small></p></abbr><noscript id='7rhagI'></noscript><tr id='7rhagI'></tr><select id='7rhagI'><button id='7rhagI'><dfn id='7rhagI'><p id='7rhagI'></p><q id='7rhagI'></q></dfn></button><noframes id='7rhagI'></noframes><b id='7rhagI'></b></select><font id='7rhagI'></font><option id='7rhagI'></option><fieldset id='7rhagI'></fieldset><noframes id='7rhagI'><i id='7rhagI'><div id='7rhagI'><ins id='7rhagI'></ins></div></i></noframes><tr id='7rhagI'></tr><label id='7rhagI'><small id='7rhagI'></small><b id='7rhagI'></b></label><noscript id='7rhagI'><tr id='7rhagI'></tr><div id='7rhagI'></div><noscript id='7rhagI'></noscript><tr id='7rhagI'></tr></noscript><center id='7rhagI'></center><dl id='7rhagI'></dl><blockquote id='7rhagI'></blockquote><pre id='7rhagI'><dl id='7rhagI'><noframes id='7rhagI'><i id='7rhagI'></i></noframes><dt id='7rhagI'></dt></dl><label id='7rhagI'><dfn id='7rhagI'></dfn></label></pre><dir id='7rhagI'></dir><strike id='7rhagI'></strike><thead id='7rhagI'></thead><span id='7rhagI'></span><i id='7rhagI'></i><font id='7rhagI'></font><style id='7rhagI'></style><font id='7rhagI'></font><td id='7rhagI'><select id='7rhagI'><b id='7rhagI'><address id='7rhagI'><noscript id='7rhagI'><acronym id='7rhagI'></acronym></noscript></address><style id='7rhagI'><tbody id='7rhagI'></tbody></style></b></select><ul id='7rhagI'><thead id='7rhagI'></thead></ul></td><strike id='7rhagI'><dt id='7rhagI'></dt></strike><dfn id='7rhagI'></dfn><dir id='7rhagI'><b id='7rhagI'></b><font id='7rhagI'></font></dir><ul id='7rhagI'></ul><q id='7rhagI'></q><acronym id='7rhagI'></acronym><center id='7rhagI'><strong id='7rhagI'></strong></center><ins id='7rhagI'><label id='7rhagI'></label><span id='7rhagI'></span></ins><li id='7rhagI'><blockquote id='7rhagI'></blockquote></li><th id='7rhagI'><table id='7rhagI'></table></th><tfoot id='7rhagI'></tfoot><ins id='7rhagI'></ins><table id='7rhagI'></table><noscript id='7rhagI'><del id='7rhagI'><ol id='7rhagI'><center id='7rhagI'><ul id='7rhagI'></ul><div id='7rhagI'></div></center></ol></del></noscript><strong id='7rhagI'><legend id='7rhagI'></legend><td id='7rhagI'></td></strong><font id='7rhagI'><font id='7rhagI'></font></font><noscript id='7rhagI'><em id='7rhagI'><form id='7rhagI'><sub id='7rhagI'></sub></form><bdo id='7rhagI'></bdo></em></noscript><address id='7rhagI'></address><center id='7rhagI'><del id='7rhagI'></del><sup id='7rhagI'></sup></center><kbd id='7rhagI'></kbd><font id='7rhagI'><b id='7rhagI'></b><table id='7rhagI'></table><blockquote id='7rhagI'></blockquote></font><big id='7rhagI'><q id='7rhagI'><center id='7rhagI'><button id='7rhagI'></button></center></q></big><i id='7rhagI'><form id='7rhagI'><option id='7rhagI'></option><dir id='7rhagI'><thead id='7rhagI'></thead></dir></form><tr id='7rhagI'><strike id='7rhagI'><noframes id='7rhagI'><dl id='7rhagI'></dl></noframes></strike><dt id='7rhagI'></dt></tr></i><dfn id='7rhagI'></dfn><tbody id='7rhagI'></tbody><select id='7rhagI'><dir id='7rhagI'><noscript id='7rhagI'><th id='7rhagI'><strike id='7rhagI'></strike><small id='7rhagI'></small></th></noscript><tbody id='7rhagI'><em id='7rhagI'><optgroup id='7rhagI'></optgroup><style id='7rhagI'><tr id='7rhagI'></tr><address id='7rhagI'></address></style></em></tbody><code id='7rhagI'><noscript id='7rhagI'><ins id='7rhagI'><font id='7rhagI'></font></ins></noscript></code></dir><p id='7rhagI'></p><dl id='7rhagI'></dl></select><form id='7rhagI'><bdo id='7rhagI'></bdo><optgroup id='7rhagI'><tbody id='7rhagI'></tbody></optgroup><blockquote id='7rhagI'><button id='7rhagI'><pre id='7rhagI'><li id='7rhagI'><tfoot id='7rhagI'><kbd id='7rhagI'></kbd></tfoot><fieldset id='7rhagI'><dd id='7rhagI'></dd></fieldset></li></pre></button><table id='7rhagI'></table><span id='7rhagI'><dl id='7rhagI'></dl></span></blockquote></form><em id='7rhagI'><small id='7rhagI'><blockquote id='7rhagI'></blockquote></small></em><tfoot id='7rhagI'></tfoot><del id='7rhagI'><pre id='7rhagI'></pre></del><em id='7rhagI'><acronym id='7rhagI'><th id='7rhagI'></th></acronym></em><fieldset id='7rhagI'></fieldset><code id='7rhagI'><noframes id='7rhagI'></noframes></code><form id='7rhagI'><optgroup id='7rhagI'><dir id='7rhagI'></dir></optgroup></form><strong id='7rhagI'></strong><ins id='7rhagI'><option id='7rhagI'></option></ins><dd id='7rhagI'></dd><span id='7rhagI'><tbody id='7rhagI'></tbody></span><strong id='7rhagI'><pre id='7rhagI'><form id='7rhagI'></form></pre></strong><li id='7rhagI'><abbr id='7rhagI'><dir id='7rhagI'></dir><acronym id='7rhagI'></acronym></abbr></li><ol id='7rhagI'></ol><strike id='7rhagI'></strike><label id='7rhagI'></label><legend id='7rhagI'><address id='7rhagI'><thead id='7rhagI'><tr id='7rhagI'></tr></thead></address><dt id='7rhagI'></dt></legend><thead id='7rhagI'></thead><ins id='7rhagI'><big id='7rhagI'></big></ins><kbd id='7rhagI'></kbd><center id='7rhagI'><acronym id='7rhagI'></acronym><code id='7rhagI'></code></center><ul id='7rhagI'><pre id='7rhagI'></pre></ul><style id='7rhagI'><dt id='7rhagI'><noframes id='7rhagI'></noframes></dt><sub id='7rhagI'></sub><b id='7rhagI'><thead id='7rhagI'></thead></b></style><center id='7rhagI'></center><button id='7rhagI'></button><bdo id='7rhagI'><sub id='7rhagI'><noframes id='7rhagI'><blockquote id='7rhagI'><q id='7rhagI'><noscript id='7rhagI'></noscript><dt id='7rhagI'></dt></q></blockquote><noframes id='7rhagI'><i id='7rhagI'></i></noframes></noframes></sub></bdo></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, //翻页速度AЌ值越小越? // 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> </body> </html> <![endif]--></div> </html> </html> </html> </html>