HTML5技术

本地存储与地理信息 - 左转右转(2)

字号+ 作者:H5之家 来源:H5之家 2017-08-17 16:01 我要评论( )

1 // JavaScript Document 2 //缓冲运动 //缓冲运动 6 function StartMove(obj,json,fn){ 7 8 clearInterval(obj.timer); 9 obj.timer=setInterval(function(){ 10 var bStop=true; 11 12 for(var attr in json) 13

1 // JavaScript Document 2 //缓冲运动 //缓冲运动 6 function StartMove(obj,json,fn){ 7 8 clearInterval(obj.timer); 9 obj.timer=setInterval(function(){ 10 var bStop=true; 11 12 for(var attr in json) 13 { 14 var iCu=0; 15 if(attr=='opacity') 16 {iCu= parseInt(parseFloat(GetStyle(obj,attr))*100);}//处理小数问题,扩大倍数 17 else 18 {iCu=parseInt(GetStyle(obj,attr));} var iSpeed=(json[attr]-(iCu))/8; 22 iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); 23 if(iCu!=json[attr]) 24 { bStop=false;} 25 if(attr=='opacity') 26 { 27 obj.style.filter='alpha(opacity:'+(iCu+iSpeed)+')'; 28 obj.style.opacity=(iCu+iSpeed)*100; 29 } 30 else 31 { 32 obj.style[attr]=iCu+iSpeed+'px'; 33 } 34 } 35 36 if(bStop) 37 { 38 clearInterval(obj.timer); 39 if(fn) 40 { 41 fn(); 42 } 43 } 44 },30); 45 46 } 47 48 //弹性运动 49 var iSpeed_Tanxing=0; 50 var left_Tanxing=0;//将 小数存放在变量中 解决小数显示问题 51 function move_Tan(obj,iTaget){ 52 53 clearInterval(obj.timer); 54 obj.timer=setInterval(function(){ 55 /* 56 弹性运动公式 57 */ 58 iSpeed_Tanxing+=(iTaget-obj.offsetLeft)/5; 59 iSpeed_Tanxing*=0.7 60 left_Tanxing+=iSpeed_Tanxing; .1&&Math.abs(left_Tanxing-iTaget)<0.1)//在一定范围内就停止定时器,解决目标点问题 63 {clearInterval(obj.timer);obj.style.left=iTaget+'px';} 64 else 65 obj.style.left=left_Tanxing+'px'; 66 67 },30); 68 } 69 70 //碰撞运动 71 var iSpeedX_Pengzhuang=0; 72 var iSpeedY_Pengzhuang=0; 73 function move_Peng(obj){ 74 clearInterval(obj.timer); 75 obj.timer=setInterval(function(){ 76 iSpeedY_Pengzhuang+=3; 77 L=obj.offsetLeft+iSpeedX_Pengzhuang; 78 T=obj.offsetTop+iSpeedY_Pengzhuang; =document.documentElement.clientHeight-obj.offsetHeight) 80 { 81 iSpeedY_Pengzhuang*=-0.8; 82 iSpeedX_Pengzhuang*=0.8; 83 T=document.documentElement.clientHeight-obj.offsetHeight; 84 } 85 else if(T<=0) 86 { 87 iSpeedY_Pengzhuang*=-0.8; 88 iSpeedX_Pengzhuang*=0.8; 89 T=0; 90 } =document.documentElement.clientWidth-obj.offsetWidth) 92 { 93 iSpeedY_Pengzhuang*=0.8; 94 iSpeedX_Pengzhuang*=-0.8; 95 L=document.documentElement.clientWidth-obj.offsetWidth; 96 } 97 else if(L<=0) 98 { 99 iSpeedY_Pengzhuang*=0.8; 100 iSpeedX_Pengzhuang*=-0.8; 101 L=0; 102 } 103 if(Math.abs(iSpeedX_Pengzhuang)<0.5) 104 { 105 iSpeedX_Pengzhuang=0; 106 } 107 if(Math.abs(iSpeedY_Pengzhuang)<0.5) 108 { 109 iSpeedY_Pengzhuang=0; 110 } 111 obj.style.left=L+'px'; 112 obj.style.top=T+'px'; 113 },30); 114 } function GetStyle(obj,attr){ 118 119 if(obj.currentStyle) 120 { 121 return obj.currentStyle[attr]; 122 } 123 else 124 { 125 return getComputedStyle(obj,false)[attr]; 126 } 127 }; 128 129 function getClassNames(oParent,className){ 130 var obj=oParent.getElementsByTagName('*'); 131 var attr=[]; RegExp('\\b'+className+'\\b'); i<obj.length;i++) 134 { 135 if(re.test(obj[i].className)) 136 {attr.push(obj[i]);} 137 } 138 return attr; 139 }

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Entity Framework Core 执行SQL语句和存储过程 - Sweet-Tang

    Entity Framework Core 执行SQL语句和存储过程 - Sweet-Tang

    2017-08-02 08:00

  • 本地存储之cookie、localStorage、sessionStorage - 小君君的博客

    本地存储之cookie、localStorage、sessionStorage - 小君君的博客

    2017-07-25 10:02

  • HTML5 — Wed SQL 本地数据库示例 - gdwkong

    HTML5 — Wed SQL 本地数据库示例 - gdwkong

    2017-07-23 10:00

  • H5本地存储 - 菜鸟也有心

    H5本地存储 - 菜鸟也有心

    2017-07-09 16:02

网友点评
q