?!doctype html> 恒源祥生活方?/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;"><video id="ueqx6"><tt id="ueqx6"><acronym id="ueqx6"></acronym></tt></video><button id="ueqx6"></button><ol id="ueqx6"><code id="ueqx6"><noframes id="ueqx6"><b id="ueqx6"></b></noframes></code></ol><source id="ueqx6"><tr id="ueqx6"><button id="ueqx6"><rt id="ueqx6"></rt></button></tr></source><th id="ueqx6"><listing id="ueqx6"><sub id="ueqx6"><progress id="ueqx6"></progress></sub></listing></th><sup id="ueqx6"><dd id="ueqx6"></dd></sup><p id="ueqx6"><ruby id="ueqx6"><ol id="ueqx6"><i id="ueqx6"></i></ol></ruby></p><mark id="ueqx6"></mark><source id="ueqx6"><em id="ueqx6"><video id="ueqx6"><legend id="ueqx6"></legend></video></em></source><span id="ueqx6"></span><nobr id="ueqx6"></nobr><mark id="ueqx6"></mark><output id="ueqx6"></output><video id="ueqx6"></video><small id="ueqx6"></small><track id="ueqx6"></track><sup id="ueqx6"><u id="ueqx6"></u></sup><source id="ueqx6"></source><delect id="ueqx6"><blockquote id="ueqx6"><mark id="ueqx6"></mark></blockquote></delect><menuitem id="ueqx6"></menuitem><b id="ueqx6"><ins id="ueqx6"><delect id="ueqx6"><cite id="ueqx6"></cite></delect></ins></b><bdo id="ueqx6"><optgroup id="ueqx6"><dd id="ueqx6"><small id="ueqx6"></small></dd></optgroup></bdo><delect id="ueqx6"></delect><menu id="ueqx6"><blockquote id="ueqx6"><code id="ueqx6"></code></blockquote></menu><sub id="ueqx6"><progress id="ueqx6"></progress></sub><sup id="ueqx6"></sup><button id="ueqx6"><rt id="ueqx6"><strike id="ueqx6"><rp id="ueqx6"></rp></strike></rt></button><track id="ueqx6"><span id="ueqx6"></span></track><acronym id="ueqx6"><dl id="ueqx6"><p id="ueqx6"><ruby id="ueqx6"></ruby></p></dl></acronym><progress id="ueqx6"></progress><noscript id="ueqx6"></noscript><label id="ueqx6"><tt id="ueqx6"><input id="ueqx6"></input></tt></label><address id="ueqx6"></address><option id="ueqx6"></option><mark id="ueqx6"></mark><span id="ueqx6"></span><strike id="ueqx6"></strike><p id="ueqx6"></p><tt id="ueqx6"><del id="ueqx6"></del></tt><option id="ueqx6"><source id="ueqx6"></source></option><menu id="ueqx6"></menu><form id="ueqx6"><li id="ueqx6"><option id="ueqx6"></option></li></form><del id="ueqx6"><b id="ueqx6"><dfn id="ueqx6"></dfn></b></del><source id="ueqx6"><tr id="ueqx6"></tr></source><cite id="ueqx6"><mark id="ueqx6"><tt id="ueqx6"><input id="ueqx6"></input></tt></mark></cite><sup id="ueqx6"><u id="ueqx6"><object id="ueqx6"></object></u></sup><del id="ueqx6"></del><dd id="ueqx6"></dd><ol id="ueqx6"></ol><var id="ueqx6"><xmp id="ueqx6"><bdo id="ueqx6"><dfn id="ueqx6"></dfn></bdo></xmp></var> <ins id="ueqx6"><delect id="ueqx6"></delect></ins><ins id="ueqx6"></ins><bdo id="ueqx6"></bdo><th id="ueqx6"></th><tbody id="ueqx6"><span id="ueqx6"><em id="ueqx6"><video id="ueqx6"></video></em></span></tbody><mark id="ueqx6"><tt id="ueqx6"></tt></mark><tr id="ueqx6"><ol id="ueqx6"><rt id="ueqx6"></rt></ol></tr><code id="ueqx6"><nav id="ueqx6"></nav></code><p id="ueqx6"></p><output id="ueqx6"><acronym id="ueqx6"><s id="ueqx6"><sup id="ueqx6"></sup></s></acronym></output><blockquote id="ueqx6"><code id="ueqx6"></code></blockquote><progress id="ueqx6"></progress><acronym id="ueqx6"><s id="ueqx6"></s></acronym><menuitem id="ueqx6"></menuitem><noscript id="ueqx6"><legend id="ueqx6"><wbr id="ueqx6"></wbr></legend></noscript><em id="ueqx6"><video id="ueqx6"><rt id="ueqx6"></rt></video></em><sub id="ueqx6"><tbody id="ueqx6"><div id="ueqx6"></div></tbody></sub><listing id="ueqx6"></listing><menuitem id="ueqx6"></menuitem><ruby id="ueqx6"><object id="ueqx6"><i id="ueqx6"></i></object></ruby><sub id="ueqx6"></sub><blockquote id="ueqx6"></blockquote><option id="ueqx6"></option><progress id="ueqx6"><bdo id="ueqx6"><optgroup id="ueqx6"><dd id="ueqx6"></dd></optgroup></bdo></progress><noscript id="ueqx6"></noscript><strike id="ueqx6"></strike><dfn id="ueqx6"></dfn><td id="ueqx6"><noscript id="ueqx6"><legend id="ueqx6"><form id="ueqx6"></form></legend></noscript></td><button id="ueqx6"></button><menu id="ueqx6"></menu><blockquote id="ueqx6"><code id="ueqx6"><nav id="ueqx6"><font id="ueqx6"></font></nav></code></blockquote><ins id="ueqx6"></ins><table id="ueqx6"><center id="ueqx6"></center></table><s id="ueqx6"></s><blockquote id="ueqx6"><code id="ueqx6"><nav id="ueqx6"><font id="ueqx6"></font></nav></code></blockquote><form id="ueqx6"><noframes id="ueqx6"><track id="ueqx6"></track></noframes></form><listing id="ueqx6"></listing><s id="ueqx6"><sup id="ueqx6"><u id="ueqx6"><ol id="ueqx6"></ol></u></sup></s><tbody id="ueqx6"></tbody><p id="ueqx6"></p><pre id="ueqx6"></pre><meter id="ueqx6"></meter><span id="ueqx6"><em id="ueqx6"></em></span><label id="ueqx6"></label><thead id="ueqx6"><meter id="ueqx6"></meter></thead><object id="ueqx6"><label id="ueqx6"><output id="ueqx6"></output></label></object><label id="ueqx6"><output id="ueqx6"></output></label><optgroup id="ueqx6"></optgroup><span id="ueqx6"></span><tbody id="ueqx6"><div id="ueqx6"></div></tbody> <ol id="ueqx6"></ol><i id="ueqx6"></i><noframes id="ueqx6"></noframes><object id="ueqx6"><mark id="ueqx6"><tt id="ueqx6"></tt></mark></object><noframes id="ueqx6"></noframes><cite id="ueqx6"></cite><ruby id="ueqx6"><ol id="ueqx6"></ol></ruby><small id="ueqx6"></small><track id="ueqx6"></track><del id="ueqx6"></del><menu id="ueqx6"><blockquote id="ueqx6"><listing id="ueqx6"></listing></blockquote></menu><rp id="ueqx6"></rp><font id="ueqx6"><menuitem id="ueqx6"><dfn id="ueqx6"><menu id="ueqx6"></menu></dfn></menuitem></font><sub id="ueqx6"><xmp id="ueqx6"><bdo id="ueqx6"><optgroup id="ueqx6"></optgroup></bdo></xmp></sub><legend id="ueqx6"><wbr id="ueqx6"><li id="ueqx6"><option id="ueqx6"></option></li></wbr></legend><small id="ueqx6"></small><video id="ueqx6"></video><ol id="ueqx6"><label id="ueqx6"><output id="ueqx6"></output></label></ol><var id="ueqx6"><font id="ueqx6"><menuitem id="ueqx6"></menuitem></font></var><var id="ueqx6"><font id="ueqx6"></font></var><samp id="ueqx6"><strong id="ueqx6"><menu id="ueqx6"></menu></strong></samp><tr id="ueqx6"></tr><p id="ueqx6"><u id="ueqx6"><ol id="ueqx6"></ol></u></p><strike id="ueqx6"></strike><blockquote id="ueqx6"></blockquote><button id="ueqx6"></button><tt id="ueqx6"></tt><sub id="ueqx6"></sub><form id="ueqx6"><li id="ueqx6"><track id="ueqx6"></track></li></form><progress id="ueqx6"></progress><tbody id="ueqx6"><span id="ueqx6"></span></tbody><cite id="ueqx6"><label id="ueqx6"><tt id="ueqx6"><input id="ueqx6"></input></tt></label></cite><option id="ueqx6"><source id="ueqx6"><tr id="ueqx6"><button id="ueqx6"></button></tr></source></option><option id="ueqx6"><p id="ueqx6"></p></option><dd id="ueqx6"></dd><tt id="ueqx6"></tt><bdo id="ueqx6"><address id="ueqx6"></address></bdo><tt id="ueqx6"><input id="ueqx6"></input></tt><em id="ueqx6"><video id="ueqx6"></video></em><legend id="ueqx6"><form id="ueqx6"><noframes id="ueqx6"><track id="ueqx6"></track></noframes></form></legend><tt id="ueqx6"></tt><dl id="ueqx6"></dl><source id="ueqx6"><ruby id="ueqx6"></ruby></source><label id="ueqx6"><output id="ueqx6"><del id="ueqx6"><b id="ueqx6"></b></del></output></label><rp id="ueqx6"></rp><center id="ueqx6"><track id="ueqx6"></track></center><legend id="ueqx6"><wbr id="ueqx6"></wbr></legend><bdo id="ueqx6"></bdo><u id="ueqx6"><cite id="ueqx6"></cite></u><sup id="ueqx6"></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">打毛线的幸福 <span>4</span></a></li> <li><a href="#page/6">海派绒线时尚<span>6</span></a></li> <li><a href="#page/8">编织新生?<span>8</span></a></li> <li><a href="#page/10">笑容满溢的清新自然之?<span>10</span></a></li> <li><a href="#page/12">绒线红头绳的质朴美丽 <span>12</span></a></li> <li><a href="#page/14">释放心灵,表现自?<span>14</span></a></li> <li><a href="#page/16">回归的上海滩时尚商业? <span>16</span></a></li> <li><a href="#page/18">纯羊毛标志的毛衣不是?<span>18</span></a></li> <li><a href="#page/20">缤纷生活,多元需?<span>20</span></a></li> <li><a href="#page/22">强身健体,重在参?<span>22</span></a></li> <li><a href="#page/24">回归自然,找寻真?<span>24</span></a></li> <li><a href="#page/26">科技改变未来生活<span>26</span></a></li> </ul> </div> <span class="page-number">3</span> </div> <div class="own-size even"> <div class="book-content"> <!-- <h1>打毛线的幸福</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>打毛线的幸福</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.riaxsl.com/">ktv߹ۿ</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>