<!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>无标题文档</title><style type="text/css">*{margin:0;padding:0;}#one{ width:200px;height:200px; background:red; filter:alpha(opacity:30); opacity:0.3;}</style><script>window.onload=function(){ var dd=document.getElementsById('one'); dd.onmouseover=function(){ startMove(100); } dd.onmouseout=function(){ startMove(30); } var timer=null; var alpha=30; function startMove(iTarget){ var dd=document.getElementsById('one'); clearInterval(timer); timer=setInterval(function(){ var speed=0; if(alpha>iTarget){ speed=-10; }else{ speed=10; } if(alpha==iTarget){ clearInterval(timer); }else{ alpha+=speed; dd.style.opacity='alpha(opacity:'+alpha+')'; dd.style.opacity=alpha/100; } },30) }}</script></head><body><div id='one'></div></body></html>
2 回答
已采纳
野猫1
TA贡献15条经验 获得超8个赞
var dd=document.getElementsById('one');同学，问题在这里，应该是var dd = document.getElementById("one"),是Element不是Elements。代码中有两处同样的问题，更改之后，正常运行
superheroes丶
TA贡献9条经验 获得超5个赞
你2个地方这个写错了：
var dd=document.getElementsById('one');正确的是这样：
var dd=document.getElementById("one");添加回答
举报
0/150
提交
取消