-
運動框架實現(xiàn)思路查看全部
-
var json={a:12,b=13}；查看全部
-
運動框架實現(xiàn)思路查看全部
-
math.round();四舍五入 parseInt parseFloat查看全部
-
offsetWidth 包括border查看全部
-
obj.currentStyle[attr] IE getComputedStyle(obj,false)[attr]查看全部
-
alert(Math.floor(3.98))向下取整 alert(Math.ceil(3.22))向上取整 遇到這種運動涉及到數(shù)字的問題都要做一個判斷，向上或者向下取整 <script> window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function(){ startMove(0); }; oDiv.onmouseout = function(){ startMove(-200); }; }; var timer = null function startMove(offleft){ clearInterval(timer); var oDiv = document.getElementById("div1"); timer = setInterval(function(){ var speed = (offleft - oDiv.offsetLeft)/10; speed = speed > 0 ?Math.ceil(speed):Math.floor(speed); if(oDiv.offsetLeft == offleft ){ clearInterval(timer); } oDiv.style.left = oDiv.offsetLeft+speed+'px'; },30); } </script>查看全部
-
<script> window.onload = function(){ var oDiv =document.getElementById('div1'); oDiv.onmouseover=function(){ startMove(100); } oDiv.onmouseout=function(){ startMove(30); } } var timer = null; var alpha = 30; function startMove(iTarget){ var oDiv =document.getElementById('div1'); clearInterval(timer); timer=setInterval(function(){ var speed = 0; if(alpha>iTarget){ speed = -10; } else{ speed = 10; } if(alpha == iTarget){ clearInterval(timer) } else{ alpha+=speed; oDiv.style.opacity = alpha/100 } },30) } </script> 所有主流瀏覽器(IE,Firefox,Opera,Chrome,Safari)都支持opacity屬性 注意：IE8和早期版本支持另一種過濾器屬性。像：filter:Alpha(opacity=50)查看全部
-
JS動畫效果： 2-1：速度動畫： 為防止動畫累加，在每次觸發(fā)動畫事件時，應該先清除前一個沒有完成的動畫，即清除錢一池開啟的定時器，然后這次再開啟一個定時器。 offsetLeft值可以獲取當前的left值， 而offsetLeft屬性不能被賦值，只能獲取 window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function(){ startMove(0); }; oDiv.onmouseout = function(){ startMove(-200); }; }; var timer = null function startMove(offleft){ clearInterval(timer); var oDiv = document.getElementById("div1"); timer = setInterval(function(){ var speed = 0; if(oDiv.offsetLeft > offleft ){ speed = -10; }else if(oDiv.offsetLeft < offleft) { speed = 10; }else{ clearInterval(timer); } oDiv.style.left = oDiv.offsetLeft+speed+'px'; },30); }查看全部
-
JS動畫效果： 運動框架實現(xiàn)思路： 1.速度（改變值left,right,width,height,opacity) 2.緩沖運動 3.多物體運動 4.任意值變化 5.鏈式運動 6.同時運動查看全部
-
clientWidth,不包括border查看全部
-
鼠標離開，值變?yōu)樵瓉淼模a順序反過來查看全部
-
鼠標移入變寬、高、透明度查看全部
-
alert彈出窗口提醒查看全部
-
alert彈出窗口提醒查看全部
舉報
0/150
提交
取消