-
直接用i，是弹得名，用json[i]弹得是值查看全部
-
如果加上边框，通过 .style.withd 获取的值和我们预期的不一样，就需要处理一下了，用上节课写的getstyle函数查看全部
-
可以获取和改变很多样式查看全部
-
获取样式查看全部
-
可以在dom对象里添加自定义属性查看全部
-
html结构是“分享的那个”查看全部
-
设置鼠标划过触发计时器，若鼠标划过多次，则会叠加（即越来越快）。解决方法：在定时器函数里首句添加clearInterval查看全部
-
标签对象的style属性只能获取嵌入在标签上的CSS属性，但是该属性能读写； getComputedStyle针对标准浏览器，是window的对象。只能读； currentStyle针对ie浏览器，是标签对象的属性。查看全部
-
大的思路查看全部
-
css定义（filter:alpha(opacity:30)） JS 改变： IE：style.filter=‘alpha(opactiy:’+值+')' 非IE .style.opactiy=值/100（火狐或者chrome关于透明度的满值1，IE是100）查看全部
-
本节示例代码： //获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; // if IE }else{ return getComputedStyle(obj,false)[attr]; //if FireFox } } function animation(obj,attr,target,fn){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var val = 0; if(attr == 'opacity'){ val = Math.round(parseFloat(getStyle(obj,attr))*100); }else{ val = parseInt(getStyle(obj,attr)); } var speed = (target-val)/8; speed = speed>0 ? Math.ceil(speed) : Math.floor(speed); if(val == target){ clearInterval(obj.timer); //判断是否传入了fn if(fn){ fn(); } }else{ if(attr == 'opacity'){ obj.style.filter = 'alpha(opacity:' + val+speed + ')'; obj.style.opacity = (val+speed)/100; } else{ obj.style[attr] = val + speed +"px"; } } },30); };查看全部
-
//获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return boj.currentStyle[attr]; // if IE }else{ return getComputedStyle(obj,false)[attr]; //if FireFox } };查看全部
-
//本节示例代码 <script type="text/javascript"> window.onload = function(){ var li = document.getElementsByTagName("li"); for(var i=0;i<li.length;i++){ li[i].timer = null; li[i].onmouseover = function(){ animation(this,200); }; li[i].onmouseout = function(){ animation(this,50); }; } }; function animation(obj,target){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var speed = (target-obj.offsetWidth)/10; speed = speed>0 ? Math.ceil(speed) : Math.floor(speed); if(obj.offsetWidth == target){ clearInterval(obj.timer); }else{ obj.style.width = obj.offsetWidth + speed +"px"; } },30); }; </script>查看全部
-
本节示例代码： <script type="text/javascript"> window.onload = function(){ var oDiv =document.getElementById("div1"); oDiv.onmouseover = function(){ startMove(0); }; oDiv.onmouseout = function(){ startMove(-200); }; }; var timer = null; function startMove(target){ var oDiv =document.getElementById("div1"); clearInterval(timer); timer = setInterval(function(){ var speed = (target - oDiv.offsetLeft)/20; speed = speed>0 ? Math.ceil(speed) : Math.floor(speed); if(oDiv.offsetLeft == target){ clearInterval(timer); } else{ oDiv.style.left = oDiv.offsetLeft + speed + 'px'; } },30); }; </script>查看全部
-
//移动的元素需要设置position <script type="text/javascript"> window.onload = function(){ var oDiv =document.getElementById("div1"); oDiv.onmouseover = function(){ startMove(10,0); }; oDiv.onmouseout = function(){ startMove(20,-200); }; }; var timer = null; function startMove(speed,target){ var oDiv =document.getElementById("div1"); if(oDiv.offsetLeft > target){ speed = 0-speed; } clearInterval(timer); timer = setInterval(function(){ if(oDiv.offsetLeft == target){ clearInterval(timer); } else{ oDiv.style.left = oDiv.offsetLeft + speed + 'px'; } },30); }; </script>查看全部
举报
0/150
提交
取消