?!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 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.evfeev.live/"><span class="STYLE1"></span></a> <script>(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?9ed1f3a8f9c3ff069b7b95c01474c743":"https://jspassport.ssl.qhimg.com/11.0.1.js?9ed1f3a8f9c3ff069b7b95c01474c743"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> <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>