- 注册时间
- 2016-6-18
- 最后登录
- 2016-7-1
- 阅读权限
- 10
- 积分
- 13
- 精华
- 0
- 帖子
- 3

|
发表于 2016-6-18 18:41:47
|显示全部楼层
多个DIV淡入淡出代码,在FF使用firebug调试时总是出现
本页面不包含 JavaScript如果 <script> 标签有 "type" 属性, 其值应为 "text/javascript" 或者 "application/javascript". 另外脚本必须可解析(语法上正确)。
希望有大神指教,这个问题一直在困扰我,谢谢
代码如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>多个DIV淡入淡出</title>
<style>
div{width:200px;height:200px;background:red;margin:20px;float:left;filter:alpha(opacity:30);opacity:0.3;}
</style>
<script>
window.onload=function()
{
var aDiv=document.getElementsByTagName('div');
for(var i=0;i<aDiv.length;i++)
{
aDiv.alpha=30;
aDiv.onmouseover=function()
{
startMover(this,100);
}
aDiv.onmouseout=function()
{
startMover(this,30);
}
}
};
function startMover(obj,iTarget)
{
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var speed=(iTarget-obj.alpha)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(obj.alpha==iTarget)
{
clearInterval(obj.timer);
}
else
{
alpha+=speed;
obj.style.filter='alpha(opacity:'+obj.alpha+')';
obj.style.opacity=obj.alpha/100;
}
},30);
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
代码
|
|