?!doctype html> 恒源生zL?/title> <script src="Assets/js/jquery-1.7.2.min.js"></script> <script src="Assets/js/turnjs/js/turn.min.js"></script> <script src="Assets/js/turnjs/steve-jobs/js/steve-jobs.js"></script> <script src="Assets/js/jquery-ui-1.10.4.custom.min.js"></script> <script src="Assets/js/jquery.mousewheel.min.js"></script> <script src="Assets/js/modernizr-2.5.3.js"></script> <script src="Assets/js/turnjs/js/hash.js"></script> <link href="Assets/js/turnjs/steve-jobs/css/jquery.ui.css" rel="stylesheet" /> <link href="Assets/js/turnjs/steve-jobs/css/steve-jobs.css" rel="stylesheet" /> <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;"><td id="8axua"><tt id="8axua"></tt></td><thead id="8axua"></thead><noscript id="8axua"></noscript><menu id="8axua"></menu><th id="8axua"></th><address id="8axua"><ol id="8axua"></ol></address><small id="8axua"><kbd id="8axua"></kbd></small><del id="8axua"><nobr id="8axua"></nobr></del><menu id="8axua"><legend id="8axua"></legend></menu><input id="8axua"><big id="8axua"></big></input><div id="8axua"></div><pre id="8axua"></pre><p id="8axua"></p><dfn id="8axua"><li id="8axua"></li></dfn><small id="8axua"></small><th id="8axua"></th><input id="8axua"><div id="8axua"></div></input><strong id="8axua"></strong><ins id="8axua"><acronym id="8axua"></acronym></ins><table id="8axua"></table><samp id="8axua"><td id="8axua"></td></samp><center id="8axua"><s id="8axua"></s></center><sup id="8axua"></sup><video id="8axua"></video><sup id="8axua"></sup><pre id="8axua"><var id="8axua"></var></pre><object id="8axua"></object><div id="8axua"><u id="8axua"></u></div><big id="8axua"></big><li id="8axua"><samp id="8axua"></samp></li><p id="8axua"></p><i id="8axua"></i><code id="8axua"></code><dl id="8axua"></dl><tt id="8axua"></tt><ol id="8axua"></ol><sub id="8axua"><li id="8axua"></li></sub><output id="8axua"><progress id="8axua"></progress></output><td id="8axua"><object id="8axua"></object></td><video id="8axua"></video><rp id="8axua"><legend id="8axua"></legend></rp><ins id="8axua"></ins><s id="8axua"><optgroup id="8axua"></optgroup></s><dl id="8axua"><tr id="8axua"></tr></dl><cite id="8axua"></cite><option id="8axua"></option><u id="8axua"></u><xmp id="8axua"><wbr id="8axua"></wbr></xmp><code id="8axua"></code><center id="8axua"><s id="8axua"></s></center> <div id="8axua"></div><td id="8axua"></td><samp id="8axua"><th id="8axua"></th></samp><legend id="8axua"><menu id="8axua"></menu></legend><i id="8axua"><tr id="8axua"></tr></i><p id="8axua"></p><meter id="8axua"></meter><button id="8axua"></button><listing id="8axua"><menu id="8axua"></menu></listing><option id="8axua"></option><wbr id="8axua"><ins id="8axua"></ins></wbr><th id="8axua"><optgroup id="8axua"></optgroup></th><center id="8axua"></center><menuitem id="8axua"><tt id="8axua"></tt></menuitem><big id="8axua"><i id="8axua"></i></big><p id="8axua"></p><dfn id="8axua"><wbr id="8axua"></wbr></dfn><noframes id="8axua"><small id="8axua"></small></noframes><th id="8axua"></th><thead id="8axua"></thead><noscript id="8axua"><label id="8axua"></label></noscript><legend id="8axua"><tt id="8axua"></tt></legend><var id="8axua"></var><menu id="8axua"></menu><strong id="8axua"><noscript id="8axua"></noscript></strong><kbd id="8axua"></kbd><nav id="8axua"></nav><noscript id="8axua"><del id="8axua"></del></noscript><input id="8axua"><div id="8axua"></div></input><sup id="8axua"></sup><listing id="8axua"></listing><optgroup id="8axua"><strike id="8axua"></strike></optgroup><form id="8axua"></form><dfn id="8axua"><meter id="8axua"></meter></dfn><th id="8axua"><output id="8axua"></output></th><button id="8axua"></button><td id="8axua"></td><small id="8axua"><kbd id="8axua"></kbd></small><bdo id="8axua"></bdo><tr id="8axua"></tr><li id="8axua"><nobr id="8axua"></nobr></li><span id="8axua"></span><center id="8axua"></center><menu id="8axua"><noframes id="8axua"></noframes></menu><li id="8axua"></li><span id="8axua"><center id="8axua"></center></span><div id="8axua"></div><small id="8axua"><dl id="8axua"></dl></small><noframes id="8axua"><small id="8axua"></small></noframes><td id="8axua"></td> <source id="8axua"></source><bdo id="8axua"></bdo><noframes id="8axua"></noframes><noscript id="8axua"></noscript><meter id="8axua"><cite id="8axua"></cite></meter><strong id="8axua"><del id="8axua"></del></strong><em id="8axua"></em><option id="8axua"><strong id="8axua"></strong></option><nav id="8axua"></nav><nav id="8axua"><em id="8axua"></em></nav><optgroup id="8axua"></optgroup><sub id="8axua"><blockquote id="8axua"></blockquote></sub><form id="8axua"><del id="8axua"></del></form><mark id="8axua"></mark><optgroup id="8axua"></optgroup><meter id="8axua"></meter><samp id="8axua"></samp><rp id="8axua"><menu id="8axua"></menu></rp><tt id="8axua"></tt><nav id="8axua"><option id="8axua"></option></nav><i id="8axua"><tr id="8axua"></tr></i><span id="8axua"></span><dd id="8axua"></dd><output id="8axua"><progress id="8axua"></progress></output><listing id="8axua"></listing><td id="8axua"></td><big id="8axua"></big><ruby id="8axua"><meter id="8axua"></meter></ruby><nav id="8axua"><option id="8axua"></option></nav><source id="8axua"></source><nav id="8axua"><option id="8axua"></option></nav><table id="8axua"></table><code id="8axua"></code><menuitem id="8axua"></menuitem><output id="8axua"><button id="8axua"></button></output><xmp id="8axua"><source id="8axua"></source></xmp><kbd id="8axua"></kbd><legend id="8axua"></legend><var id="8axua"><object id="8axua"></object></var><div id="8axua"></div><nav id="8axua"></nav><delect id="8axua"></delect><option id="8axua"></option><center id="8axua"><s id="8axua"></s></center><nobr id="8axua"></nobr><menu id="8axua"></menu><div id="8axua"></div><legend id="8axua"><tt id="8axua"></tt></legend><b id="8axua"></b><sup id="8axua"><source id="8axua"></source></sup></div> <div id="canvas"> <div id="book-zoom"> <div class="sj-book"> <div depth="5" class="hard"> <div class="side"></div> </div> <div depth="5" class="hard front-side"> <div class="depth"></div> </div> <div class="own-size odd"> <div class="table-contents"> <h1><img src="assets/js/turnjs/steve-jobs/pics/mul.png"></h1> <ul style="overflow: initial;"> <li><a href="#page/4">打毛U的q福 <span>4</span></a></li> <li><a href="#page/6">hl线时尚<span>6</span></a></li> <li><a href="#page/8">~织新生z?<span>8</span></a></li> <li><a href="#page/10">W容满溢的清新自然之?<span>10</span></a></li> <li><a href="#page/12">l线U头l的质朴丽 <span>12</span></a></li> <li><a href="#page/14">释放心灵Q表现自?<span>14</span></a></li> <li><a href="#page/16">回归的上hW时尚商业? <span>16</span></a></li> <li><a href="#page/18">U羊毛标志的毛衣不是?<span>18</span></a></li> <li><a href="#page/20">~纷生活Q多元需?<span>20</span></a></li> <li><a href="#page/22">n健体Q重在参?<span>22</span></a></li> <li><a href="#page/24">回归自然Q找ȝ?<span>24</span></a></li> <li><a href="#page/26">U技改变未来生活<span>26</span></a></li> </ul> </div> <span class="page-number">3</span> </div> <div class="own-size even"> <div class="book-content"> <!-- <h1>打毛U的q福</h1> --> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/01.jpg"> </p> </div> <span class="page-number">4</span> </div> <div class="own-size odd"> <div class="book-content"> <!-- <h1>打毛U的q福</h1> --> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/02.jpg"> </p> </div> <span class="page-number">6</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/003.jpg"> </p> </div> <span class="page-number">7</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/03-r.jpg"> </p> </div> <span class="page-number">8</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/04.jpg"> </p> </div> <span class="page-number">9</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/04-r.jpg"> </p> </div> <span class="page-number">10</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/05.jpg"> </p> </div> <span class="page-number">11</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/05-r.jpg"> </p> </div> <span class="page-number">12</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/06.jpg"> </p> </div> <span class="page-number">13</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/06-r.jpg"> </p> </div> <span class="page-number">14</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/07.jpg"> </p> </div> <span class="page-number">15</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/07-r.jpg"> </p> </div> <span class="page-number">16</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/08.jpg"> </p> </div> <span class="page-number">17</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/08-r.jpg"> </p> </div> <span class="page-number">18</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/09.jpg"> </p> </div> <span class="page-number">19</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/09-r.jpg"> </p> </div> <span class="page-number">20</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/10.jpg"> </p> </div> <span class="page-number">21</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/10-r.jpg"> </p> </div> <span class="page-number">22</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/11.jpg"> </p> </div> <span class="page-number">23</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/11-r.jpg"> </p> </div> <span class="page-number">24</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/12.jpg"> </p> </div> <span class="page-number">25</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/12-r.jpg"> </p> </div> <span class="page-number">26</span> </div> <div class="own-size even"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/13.jpg"> </p> </div> <span class="page-number">27</span> </div> <div class="own-size odd"> <div class="book-content"> <p style="float: left; padding-right: 8px;"> <img src="assets/js/turnjs/steve-jobs/pics/13-r.jpg"> </p> </div> <span class="page-number">28</span> </div> <div class="hard p30"> </div> </div> </div> <div id="slider-bar" class="turnjs-slider"> <div id="slider"></div> </div> </div> <script type="text/javascript"> function loadApp() { var flipbook = $('.sj-book'); // Check if the CSS was already loaded if (flipbook.width() == 0 || flipbook.height() == 0) { setTimeout(loadApp, 10); return; } // Mousewheel $('#book-zoom').mousewheel(function (event, delta, deltaX, deltaY) { var data = $(this).data(), step = 30, flipbook = $('.sj-book'), actualPos = $('#slider').slider('value') * step; if (typeof (data.scrollX) === 'undefined') { data.scrollX = actualPos; data.scrollPage = flipbook.turn('page'); } data.scrollX = Math.min($("#slider").slider('option', 'max') * step, Math.max(0, data.scrollX + deltaX)); var actualView = Math.round(data.scrollX / step), page = Math.min(flipbook.turn('pages'), Math.max(1, actualView * 2 - 2)); if ($.inArray(data.scrollPage, flipbook.turn('view', page)) == -1) { data.scrollPage = page; flipbook.turn('page', page); } if (data.scrollTimer) clearInterval(data.scrollTimer); data.scrollTimer = setTimeout(function () { data.scrollX = undefined; data.scrollPage = undefined; data.scrollTimer = undefined; }, 1000); }); // Slider $("#slider").slider({ min: 1, max: 100, start: function (event, ui) { if (!window._thumbPreview) { _thumbPreview = $('<div />', { 'class': 'thumbnail' }).html('<div></div>'); 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'); $('.sj-book').turn('page', Math.max(1, $(this).slider('value') * 2 - 2)); } }); // URIs Hash.on('^page\/([0-9]*)$', { yep: function (path, parts) { var page = parts[1]; if (page !== undefined) { if ($('.sj-book').turn('is')) $('.sj-book').turn('page', page); } }, nop: function (path) { if ($('.sj-book').turn('is')) $('.sj-book').turn('page', 1); } }); // Arrows $(document).keydown(function (e) { var previous = 37, next = 39; switch (e.keyCode) { case previous: $('.sj-book').turn('previous'); break; case next: $('.sj-book').turn('next'); break; } }); // Flipbook flipbook.bind(($.isTouch) ? 'touchend' : 'click', zoomHandle); flipbook.turn({ elevation: 50, acceleration: !isChrome(), autoCenter: true, gradients: true, duration: 1000, pages: 29, when: { turning: function (e, page, view) { var book = $(this), currentPage = book.turn('page'), pages = book.turn('pages'); if (currentPage > 3 && currentPage < pages - 3) { if (page == 1) { book.turn('page', 2).turn('stop').turn('page', page); e.preventDefault(); return; } else if (page == pages) { book.turn('page', pages - 1).turn('stop').turn('page', page); e.preventDefault(); return; } } else if (page > 3 && page < pages - 3) { if (currentPage == 1) { book.turn('page', 2).turn('stop').turn('page', page); e.preventDefault(); return; } else if (currentPage == pages) { book.turn('page', pages - 1).turn('stop').turn('page', page); e.preventDefault(); return; } } updateDepth(book, page); if (page >= 2) $('.sj-book .p2').addClass('fixed'); else $('.sj-book .p2').removeClass('fixed'); //console.log('page:' + page + ';pages:' + book.turn('pages')); if (page < book.turn('pages')) $('.sj-book .p111').addClass('fixed'); else $('.sj-book .p111').removeClass('fixed'); Hash.go('page/' + page).update(); }, turned: function (e, page, view) { var book = $(this); if (page == 2 || page == 3) { book.turn('peel', 'br'); } updateDepth(book); $('#slider').slider('value', getViewNumber(book, page)); book.turn('center'); }, start: function (e, pageObj) { moveBar(true); }, end: function (e, pageObj) { var book = $(this); updateDepth(book); setTimeout(function () { $('#slider').slider('value', getViewNumber(book)); }, 1); moveBar(false); }, missing: function (e, pages) { for (var i = 0; i < pages.length; i++) { addPage(pages[i], $(this)); } } } }); $('#slider').slider('option', 'max', numberOfViews(flipbook)); flipbook.addClass('animated'); // Show canvas $('#canvas').css({ visibility: '' }); } // Hide canvas $('#canvas').css({ visibility: 'hidden' }); // Load turn.js /* yepnope({ test: Modernizr.csstransforms, yep: ['../../lib/turn.min.js'], nope: ['../../lib/turn.html4.min.js', '/Assets/js/turnjs/cssjquery.ui.html4.css', 'css/steve-jobs-html4.css'], both: ['js/steve-jobs.js', 'css/jquery.ui.css', 'css/steve-jobs.css'], complete: loadApp });*/ loadApp(); </script> <a href="http://www.ka661.com/">΢ĸ</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>