设为首页收藏本站

自学it网-公益PHP培训!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 684|回复: 4

[未解决] 多个DIV淡入淡出JS代码,调试问题 [复制链接]

Rank: 1

发表于 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>


代码

代码

使用道具 举报

Rank: 1

发表于 2016-6-18 18:44:50 |显示全部楼层
:(:(:(:(:(:(

使用道具 举报

Rank: 1

发表于 2016-6-18 18:49:09 |显示全部楼层
求大神解答

使用道具 举报

Rank: 8Rank: 8

发表于 2016-6-18 21:32:34 |显示全部楼层
  1. <script type="text/javascript">代码......</script>
复制代码

使用道具 举报

Rank: 1

发表于 2018-1-9 15:48:48 |显示全部楼层
好多小括号都是中文的肯定不行啊

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|自学it网 ( 京ICP备12009156号 )  

GMT+8, 2018-1-19 23:21 , Processed in 0.033721 second(s), 7 queries , Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部