Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲精品成人在线,毛片网站在线播放,欧美人在线观看免费视频 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML5特效庫 jQuery全屏焦點圖滑動切換源碼
          
        
           
          
	
	
          
		
                        
          果圖
          各位老鐵，大家好！
          今天俺給大兄弟、大妹子們帶來的是 jQuery全屏焦點圖滑動切換源碼
          全屏滑動，屬于暗黑炫酷系列！(適合高科技產品的展示)
          若是想要文件源碼，請看評論區！
          廢話不多說，上源碼！
          CSS源碼：
          @charset "utf-8";
          *{margin:0;padding:0;list-style-type:none;}
          a,img{border:0;}
          body{font:12px/180% "Arial","微軟雅黑";color:#666666;background-color:#ffffff;}
          a,a:hover{color:#666666;text-decoration:none;border:0px;}
          /* focusBar */
          #focusBar{width:100%;height:644px;clear:both;position:relative;background:#242424;overflow:hidden;}
          #focusBar li{width:100%;clear:both;height:644px;display:none;position:absolute;/* position:relative;*/}
          #focusBar .focusL{height:644px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-500px;margin-left:50%;}
          #focusBar .focusR{height:644px;position:absolute;z-index:19;/* right:1000px;*/top:0px;left:-500px;margin-left:50%;}
          a.arrL,a.arrR{display:block;width:52px;height:134px;position:absolute;top:250px;z-index:99;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}
          a.arrL{left:-52px;background-position:0px 0px;}
          a.arrR{right:-52px;background-position:-68px 0px;}
          a.arrL:hover{background-position:0px -144px;}
          a.arrR:hover{background-position:-68px -144px;}
          /*HTML5特效庫 jQuery全屏焦點圖滑動切換源碼 */
          JS源碼：
          /*
           * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
           *
           * Uses the built in easing capabilities added In jQuery 1.1
           * to offer multiple easing options
           *
           * TERMS OF USE - jQuery Easing
           * 
           * Open source under the BSD License. 
           * 
           * Copyright ? 2008 George McGinley Smith
           * All rights reserved.
           * 
           * Redistribution and use in source and binary forms, with or without modification, 
           * are permitted provided that the following conditions are met:
           * 
           * Redistributions of source code must retain the above copyright notice, this list of 
           * conditions and the following disclaimer.
           * Redistributions in binary form must reproduce the above copyright notice, this list 
           * of conditions and the following disclaimer in the documentation and/or other materials 
           * provided with the distribution.
           * 
           * Neither the name of the author nor the names of contributors may be used to endorse 
           * or promote products derived from this software without specific prior written permission.
           * 
           * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
           * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
           * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
           * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
           * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
           * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
           * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
           * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
           * OF THE POSSIBILITY OF SUCH DAMAGE. 
           *
          */
          // t: current time, b: begInnIng value, c: change In value, d: duration
          jQuery.easing['jswing'] = jQuery.easing['swing'];
          jQuery.extend( jQuery.easing,
          {
          def: 'easeOutQuad',
          swing: function (x, t, b, c, d) {
          //alert(jQuery.easing.default);
          return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
          },
          easeInQuad: function (x, t, b, c, d) {
          return c*(t/=d)*t + b;
          },
          easeOutQuad: function (x, t, b, c, d) {
          return -c *(t/=d)*(t-2) + b;
          },
          easeInOutQuad: function (x, t, b, c, d) {
          if ((t/=d/2) < 1) return c/2*t*t + b;
          return -c/2 * ((--t)*(t-2) - 1) + b;
          },
          easeInCubic: function (x, t, b, c, d) {
          return c*(t/=d)*t*t + b;
          },
          easeOutCubic: function (x, t, b, c, d) {
          return c*((t=t/d-1)*t*t + 1) + b;
          },
          easeInOutCubic: function (x, t, b, c, d) {
          if ((t/=d/2) < 1) return c/2*t*t*t + b;
          return c/2*((t-=2)*t*t + 2) + b;
          },
          easeInQuart: function (x, t, b, c, d) {
          return c*(t/=d)*t*t*t + b;
          },
          easeOutQuart: function (x, t, b, c, d) {
          return -c * ((t=t/d-1)*t*t*t - 1) + b;
          },
          easeInOutQuart: function (x, t, b, c, d) {
          if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
          return -c/2 * ((t-=2)*t*t*t - 2) + b;
          },
          easeInQuint: function (x, t, b, c, d) {
          return c*(t/=d)*t*t*t*t + b;
          },
          easeOutQuint: function (x, t, b, c, d) {
          return c*((t=t/d-1)*t*t*t*t + 1) + b;
          },
          easeInOutQuint: function (x, t, b, c, d) {
          if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
          return c/2*((t-=2)*t*t*t*t + 2) + b;
          },
          easeInSine: function (x, t, b, c, d) {
          return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
          },
          easeOutSine: function (x, t, b, c, d) {
          return c * Math.sin(t/d * (Math.PI/2)) + b;
          },
          easeInOutSine: function (x, t, b, c, d) {
          return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
          },
          easeInExpo: function (x, t, b, c, d) {
          return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
          },
          easeOutExpo: function (x, t, b, c, d) {
          return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
          },
          easeInOutExpo: function (x, t, b, c, d) {
          if (t==0) return b;
          if (t==d) return b+c;
          if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
          return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
          },
          easeInCirc: function (x, t, b, c, d) {
          return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
          },
          easeOutCirc: function (x, t, b, c, d) {
          return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
          },
          easeInOutCirc: function (x, t, b, c, d) {
          if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
          return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
          },
          easeInElastic: function (x, t, b, c, d) {
          var s=1.70158;var p=0;var a=c;
          if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
          if (a < Math.abs(c)) { a=c; var s=p/4; }
          else var s = p/(2*Math.PI) * Math.asin (c/a);
          return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
          },
          easeOutElastic: function (x, t, b, c, d) {
          var s=1.70158;var p=0;var a=c;
          if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
          if (a < Math.abs(c)) { a=c; var s=p/4; }
          else var s = p/(2*Math.PI) * Math.asin (c/a);
          return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
          },
          easeInOutElastic: function (x, t, b, c, d) {
          var s=1.70158;var p=0;var a=c;
          if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
          if (a < Math.abs(c)) { a=c; var s=p/4; }
          else var s = p/(2*Math.PI) * Math.asin (c/a);
          if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
          return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
          },
          easeInBack: function (x, t, b, c, d, s) {
          if (s == undefined) s = 1.70158;
          return c*(t/=d)*t*((s+1)*t - s) + b;
          },
          easeOutBack: function (x, t, b, c, d, s) {
          if (s == undefined) s = 1.70158;
          return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
          },
          easeInOutBack: function (x, t, b, c, d, s) {
          if (s == undefined) s = 1.70158; 
          if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
          return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
          },
          easeInBounce: function (x, t, b, c, d) {
          return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
          },
          easeOutBounce: function (x, t, b, c, d) {
          if ((t/=d) < (1/2.75)) {
          return c*(7.5625*t*t) + b;
          } else if (t < (2/2.75)) {
          return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
          } else if (t < (2.5/2.75)) {
          return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
          } else {
          return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
          }
          },
          easeInOutBounce: function (x, t, b, c, d) {
          if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
          return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
          }
          });
          /*
           *
           * TERMS OF USE - EASING EQUATIONS
           * 
           * Open source under the BSD License. 
           * 
           * Copyright ? 2001 Robert Penner
           * All rights reserved.
           * 
           * Redistribution and use in source and binary forms, with or without modification, 
           * are permitted provided that the following conditions are met:
           * 
           * Redistributions of source code must retain the above copyright notice, this list of 
           * conditions and the following disclaimer.
           * Redistributions in binary form must reproduce the above copyright notice, this list 
           * of conditions and the following disclaimer in the documentation and/or other materials 
           * provided with the distribution.
           * 
           * Neither the name of the author nor the names of contributors may be used to endorse 
           * or promote products derived from this software without specific prior written permission.
           * 
           * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
           * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
           * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
           * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
           * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
           * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
           * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
           * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
           * OF THE POSSIBILITY OF SUCH DAMAGE. 
           *
           */
          Index：
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>jquery全屏焦點圖滑動切換</title>
          <meta name="keywords" content="jquery全屏焦點圖滑動切換" />
          <meta name="description" content="jquery全屏焦點圖滑動切換" />
          <link href="css/style.css" rel="stylesheet" type="text/css">
          <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
          <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
          </head>
          <body>
          <div id="focusBar"> 
          <a href="javascript：void(0)" class="arrL" onclick="prePage()">&nbsp;</a>
          <a href="javascript：void(0)" class="arrR" onclick="nextPage()">&nbsp;</a>
           <ul class="mypng">
           <li id="focusIndex1" style="background:url(images/483a26db99919a40eee1f0dd652ad53b.gif) repeat-x;">
           <div class="focusL"><a ><img src="images/0240ddc5fa163156719b498c45d4ded2.png" width="1000" height="644" /></a></div>
           <div class="focusR"><a ><img src="images/2a18e9128aad06d0b6b8d908ecf7c2a1.png" width="1000" height="644" /></a></div>
           </li>
           <li id="focusIndex2">
           <div class="focusL"><a ><img src="images/2d20716b5ecc36c5c9e35a7dfc1834a4.png" width="1000" height="644" /></a></div>
           <div class="focusR"><a ><img src="images/2a18e9128aad06d0b6b8d908ecf7c2a1.png" width="1000" height="644" /></a></div>
           </li>
           <li id="focusIndex3" style="background:url(images/8bc531a341bac9421a25093ccf376e7d.gif) repeat-x;">
           <div class="focusL"><a ><img src="images/b249cfb8cebc4696d7a317181b823eb3.png" width="1000" height="644" /></a></div>
           <div class="focusR"><a ><img src="images/dc0e4583d9af6915d306cabb9ac6df64.png" width="1000" height="644" /></a></div>
           </li>
           <li id="focusIndex4" style="background:url(images/8bc531a341bac9421a25093ccf376e7d.gif) repeat-x;">
           <div class="focusL"><a ><img src="images/b249cfb8cebc4696d7a317181b823eb3.png" width="1000" height="644" /></a></div>
           <div class="focusR"><a ><img src="images/dc0e4583d9af6915d306cabb9ac6df64.png" width="1000" height="644" /></a></div>
           </li> 
           </ul>
          </div>
          <div style="width: 100%; height: auto; line-height: 25px; text-align: center;">
          jquery全屏焦點圖滑動切換
          </div>
          <div style="width: 300px; height: 250px; position: fixed; right: 0px; top: 0px;">
          <script type="text/javascript">
           /*300*250 創建于 2016-05-11*/
           var cpro_id = "u2636070";
          </script>
          <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
          </div>
          <script type="text/javascript" src="js/script.js"></script>
          </body>
          </html>
          2E-Awesome
          首先，我不得不提一下「一萬小時定律」：
          人們眼中的天才之所以卓越非凡，并非天資超人一等，而是付出了持續不斷的努力。
          怎么理解呢？要成為某個領域的專家，需要 10000 小時，按比例計算就是：如果每天工作八個小時，一周工作五天，那么成為一個領域的專家至少需要五年－這就是一萬小時定律。
          1 萬小時的錘煉是任何人從平凡變成世界級大師的必要條件。
          原諒我開篇的啰嗦，本系列文章我將從三個層次來說明：
          1. 技術就是核心競爭力；
          2. 前端反思錄（二）—不要讓軟實力成為短板；
          3. 前端反思錄（三）—談談個人規劃
          是一個無縫輪播效果，當輪播到最后一組圖片的時候又讓他變到第一張讓他走，其實這是讓兩組一模一樣的圖片做成做成這個效果的，給人以一種錯覺，這些圖片你自己可以隨便從哪里找一些。也可以換成女朋友的照片哦，這樣也會有動力，其實H5還是有很多好玩的。其實這個還是有很多方法能實現這個的，可以用原生JS來試試做。我覺得原生JS是非常重要的在H5中。
          原生JS我是剛剛接觸，還是有很多不會，如果大家有什么好的創意，好的想法可以拿出來大家一起分享，大家共同進步。我不是大神，我只是一個剛開始摸索H5的一個爬行者。如果有什么不好的地方大家請多多見諒。
          其實昨天那顆心如果配合JS來做我覺得效果會更震撼，不需要借助鼠標的滑動，而是讓他自己來進行360度的旋轉，然后在他慢慢旋轉的過程中那個盒子的蓋會慢慢的打開，里面那顆心也會隨著蓋子的打開緩緩的升起來，不需要借助外力。我正在思考，如果有大神會的話，求請教。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
一区二区三区午夜视频|
清纯唯美经典一区二区|
伊人色综合一区二区三区|
国产福利一区二区三区视频在线|
中文字幕无线码一区|
高清一区高清二区视频|
无码av中文一区二区三区桃花岛|
无码精品人妻一区二区三区漫画|
亚洲熟妇av一区二区三区漫画|
日本一区二区三区在线视频
|
亚洲日本一区二区三区在线|
乱人伦一区二区三区|
国产裸体舞一区二区三区|
在线精品一区二区三区|
国产成人综合一区精品|
国产精品合集一区二区三区|
91精品国产一区二区三区左线|
国精无码欧精品亚洲一区|
在线精品国产一区二区三区|
99久久精品费精品国产一区二区|
国产美女口爆吞精一区二区|
狠狠色婷婷久久一区二区三区|
中文日韩字幕一区在线观看|
亚洲一区二区三区AV无码|
国产av天堂一区二区三区|
国产精品熟女一区二区|
色偷偷久久一区二区三区|
骚片AV蜜桃精品一区|
91精品乱码一区二区三区|
高清精品一区二区三区一区|
日韩三级一区二区|
av无码一区二区三区|
中文字幕一区二区在线播放|
日本不卡免费新一区二区三区|
久久se精品一区二区国产
|
国产一区二区高清在线播放|
台湾无码AV一区二区三区|
亚洲午夜在线一区|
国产精品亚洲一区二区三区久久
|
午夜无码一区二区三区在线观看|
国产在线精品一区二区高清不卡|