-
IE 上的兼容 CSS中 filter:alpha(opacity:30); odiv.style.filter = 'alpha(opacity:' + speed + ')';查看全部
-
定時器：setInterval()； speed=(iTarget-oDiv.offsetLeft)/20 speed= speed>0?Math.cell(speed):Math.floor(speed);查看全部
-
<script> window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function(){ startOpacity(100); }; oDiv.onmouseout = function(){ startOpacity(30); }; }; var alpha = 30; var timer = 0; function startOpacity(opac){ var oDiv = document.getElementById("div1"); clearInterval(timer); var speed = 0; timer = setInterval(function(){ if(alpha > opac){ speed = -10; }else if(alpha < opac){ speed = 10; }else{ clearInterval(timer); } alpha+=speed; oDiv.style.filter = alpha+"(opacity:"+alpha+")"; oDiv.style.opacity = alpha / 100; },30); } </scrip查看全部
-
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); }查看全部
-
GOOd查看全部
-
parseInt查看全部
-
function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; //ie }else{ return getComputedStyle(obj.false)[attr]; //firebox } }查看全部
-
js中g(shù)et Obj的style查看全部
-
速度取整判斷查看全部
-
mmbb查看全部
-
opacity: 0.5;!!!!!!!!!!!!!!!!!!!w3c透明度 filter:alpha(opacity:50); ie透明度查看全部
-
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。查看全部
-
if(opac == val){ clearInterval(obj.timer); if(fn){ fn(); } }else{ if(attr == 'opacity'){ obj.style.filter = "alpha(opacity:"+(opac + speed)+")"; obj.style.opacity = (opac + speed)/100; }else{ obj.style[attr] = opac + speed + 'px'; } }查看全部
-
window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.timer = null; oDiv.onmouseover = function(){ startMove(oDiv,'width',400,function(){ startMove(oDiv,'height',400,function(){ startMove(oDiv,'opacity',100); }); }); }; oDiv.onmouseout = function(){ startMove(oDiv,'height',200,function(){ startMove(oDiv,'opacity',30,function(){ startMove(oDiv,'width',200) }) }); }; };查看全部
-
function startMove(obj,attr,val){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var opac = 0; if(attr == 'opacity'){ //Math.round()將一個數(shù)四舍五入為一個最接近的整數(shù) opac = Math.round(parseFloat(getStyle(obj,attr))*100); }else{ opac = parseInt(getStyle(obj,attr)); } var speed = (val - opac) / 8; speed = speed > 0 ? Math.ceil(speed):Math.floor(speed); if(opac == val){ clearInterval(obj.timer); }else{ if(attr == 'opacity'){ obj.style.filter = "alpha(opacity:"+(opac + speed)+")"; obj.style.opacity = (opac + speed)/100; }else{ obj.style[attr] = opac + speed; } } },30); }查看全部
舉報
0/150
提交
取消