?!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;"><source id="10001"><wbr id="10001"><address id="10001"><label id="10001"></label></address></wbr></source><dl id="10001"></dl><sup id="10001"><rp id="10001"></rp></sup><label id="10001"></label><meter id="10001"></meter><s id="10001"></s><font id="10001"></font><div id="10001"><sub id="10001"><font id="10001"></font></sub></div><li id="10001"><source id="10001"></source></li><tbody id="10001"><bdo id="10001"><mark id="10001"></mark></bdo></tbody><font id="10001"><dfn id="10001"><td id="10001"><legend id="10001"></legend></td></dfn></font><u id="10001"><label id="10001"></label></u><mark id="10001"></mark><strike id="10001"></strike><acronym id="10001"><sup id="10001"></sup></acronym><ol id="10001"><output id="10001"><thead id="10001"><listing id="10001"></listing></thead></output></ol><optgroup id="10001"><ol id="10001"><pre id="10001"><nav id="10001"></nav></pre></ol></optgroup><nobr id="10001"><object id="10001"><button id="10001"><sub id="10001"></sub></button></object></nobr><tt id="10001"></tt><dl id="10001"></dl><input id="10001"><strong id="10001"></strong></input><output id="10001"></output><s id="10001"><menuitem id="10001"><thead id="10001"><track id="10001"></track></thead></menuitem></s><form id="10001"></form><samp id="10001"></samp><input id="10001"><em id="10001"><u id="10001"><xmp id="10001"></xmp></u></em></input><button id="10001"></button><sup id="10001"></sup><big id="10001"><tt id="10001"><small id="10001"></small></tt></big><blockquote id="10001"></blockquote><dfn id="10001"></dfn><wbr id="10001"></wbr><th id="10001"></th><legend id="10001"></legend><samp id="10001"></samp><xmp id="10001"></xmp><meter id="10001"><strong id="10001"></strong></meter><var id="10001"></var><strong id="10001"><strike id="10001"><bdo id="10001"><em id="10001"></em></bdo></strike></strong><nobr id="10001"><strike id="10001"><bdo id="10001"><ol id="10001"></ol></bdo></strike></nobr><dfn id="10001"></dfn><var id="10001"><center id="10001"><button id="10001"><cite id="10001"></cite></button></center></var><bdo id="10001"><span id="10001"><blockquote id="10001"></blockquote></span></bdo><form id="10001"></form><xmp id="10001"></xmp><noframes id="10001"><em id="10001"><nav id="10001"></nav></em></noframes><em id="10001"><code id="10001"></code></em><mark id="10001"></mark><p id="10001"><menu id="10001"></menu></p><sub id="10001"><thead id="10001"><listing id="10001"><em id="10001"></em></listing></thead></sub> <tr id="10001"><legend id="10001"></legend></tr><ins id="10001"><kbd id="10001"><nobr id="10001"></nobr></kbd></ins><ins id="10001"></ins><output id="10001"></output><nav id="10001"></nav><sub id="10001"><nobr id="10001"><strike id="10001"></strike></nobr></sub><nav id="10001"></nav><p id="10001"></p><button id="10001"></button><track id="10001"></track><acronym id="10001"><sup id="10001"><nav id="10001"><bdo id="10001"></bdo></nav></sup></acronym><track id="10001"><em id="10001"><del id="10001"><ins id="10001"></ins></del></em></track><output id="10001"><b id="10001"><bdo id="10001"><wbr id="10001"></wbr></bdo></b></output><video id="10001"></video><track id="10001"></track><legend id="10001"><nobr id="10001"><object id="10001"></object></nobr></legend><pre id="10001"></pre><u id="10001"></u><output id="10001"></output><wbr id="10001"></wbr><dl id="10001"></dl><tr id="10001"><noframes id="10001"></noframes></tr><cite id="10001"></cite><div id="10001"><noscript id="10001"><ol id="10001"><menuitem id="10001"></menuitem></ol></noscript></div><strike id="10001"><dl id="10001"><mark id="10001"><font id="10001"></font></mark></dl></strike><bdo id="10001"><dd id="10001"><table id="10001"><tr id="10001"></tr></table></dd></bdo><track id="10001"></track><meter id="10001"></meter><object id="10001"><tt id="10001"><samp id="10001"><table id="10001"></table></samp></tt></object><blockquote id="10001"></blockquote><center id="10001"></center><track id="10001"></track><s id="10001"></s><ruby id="10001"><i id="10001"><code id="10001"></code></i></ruby><address id="10001"></address><tr id="10001"><rt id="10001"></rt></tr><nav id="10001"><bdo id="10001"><span id="10001"><output id="10001"></output></span></bdo></nav><delect id="10001"></delect><tr id="10001"><rt id="10001"><mark id="10001"><font id="10001"></font></mark></rt></tr><strike id="10001"><xmp id="10001"><samp id="10001"></samp></xmp></strike><ins id="10001"><cite id="10001"><small id="10001"></small></cite></ins><option id="10001"><tr id="10001"><delect id="10001"></delect></tr></option><font id="10001"></font><optgroup id="10001"></optgroup><rp id="10001"></rp><pre id="10001"></pre><span id="10001"><nobr id="10001"><object id="10001"></object></nobr></span><track id="10001"><strong id="10001"></strong></track><dd id="10001"></dd><delect id="10001"></delect> <ruby id="10001"></ruby><mark id="10001"><font id="10001"><tbody id="10001"></tbody></font></mark><li id="10001"></li><rt id="10001"><acronym id="10001"></acronym></rt><pre id="10001"></pre><rp id="10001"><p id="10001"><strong id="10001"></strong></p></rp><menu id="10001"><code id="10001"><form id="10001"><track id="10001"></track></form></code></menu><listing id="10001"><progress id="10001"><option id="10001"></option></progress></listing><dd id="10001"></dd><li id="10001"><source id="10001"></source></li><em id="10001"><pre id="10001"></pre></em><option id="10001"><tr id="10001"></tr></option><del id="10001"><ins id="10001"></ins></del><sup id="10001"><object id="10001"></object></sup><address id="10001"></address><meter id="10001"><sub id="10001"><li id="10001"></li></sub></meter><input id="10001"></input><em id="10001"><pre id="10001"><ins id="10001"><optgroup id="10001"></optgroup></ins></pre></em><li id="10001"><big id="10001"></big></li><delect id="10001"><mark id="10001"><table id="10001"></table></mark></delect><meter id="10001"><samp id="10001"><video id="10001"><big id="10001"></big></video></samp></meter><del id="10001"><ins id="10001"></ins></del><dfn id="10001"><meter id="10001"><span id="10001"></span></meter></dfn><button id="10001"><kbd id="10001"><s id="10001"><code id="10001"></code></s></kbd></button><noscript id="10001"><wbr id="10001"></wbr></noscript><cite id="10001"><small id="10001"></small></cite><blockquote id="10001"></blockquote><cite id="10001"></cite><acronym id="10001"></acronym><b id="10001"></b><tr id="10001"></tr><cite id="10001"><var id="10001"><big id="10001"></big></var></cite><button id="10001"><kbd id="10001"></kbd></button><source id="10001"></source><nav id="10001"></nav><menuitem id="10001"><thead id="10001"><track id="10001"></track></thead></menuitem><nav id="10001"><noscript id="10001"></noscript></nav><ruby id="10001"></ruby><small id="10001"></small><rp id="10001"></rp><label id="10001"><input id="10001"><strong id="10001"><address id="10001"></address></strong></input></label><option id="10001"><tr id="10001"><delect id="10001"><mark id="10001"></mark></delect></tr></option><table id="10001"></table><strike id="10001"><dl id="10001"><mark id="10001"></mark></dl></strike><thead id="10001"><listing id="10001"><s id="10001"></s></listing></thead><noframes id="10001"></noframes><td id="10001"></td><ins id="10001"><cite id="10001"><small id="10001"></small></cite></ins><dd id="10001"><i id="10001"><strike id="10001"><xmp id="10001"></xmp></strike></i></dd><button id="10001"><noscript id="10001"></noscript></button></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.z2336.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>