js小问题能否给解答下

显示全部楼层 · 2013-8-20 21:18:50

图片走马灯

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>跑马灯</title>
<script type="text/javascript">
      function $(id) {
         return document.getElementById(id);
      }
      var timer;
      var maq;
      var m1;
      var m2;
      var speed = 25;
//////////////////////////////////////////////////这个run具体什么作用  详细说明一下?????????????????????????????????
      function run() {
         if (maq.scrollLeft >= m2.offsetWidth) {
            maq.scrollLeft -= m2.offsetWidth;
         }
         else {
            maq.scrollLeft += 2;
         }
      }

      window.onload = function () {
         maq = $("maq");
         m1 = $("m1");
         m2 = $("m2");
         m2.innerHTML = m1.innerHTML;
         timer = window.setInterval(run, speed);
         maq.onmouseover = function () {
            window.clearInterval(timer);
         }

         maq.onmouseout = function () {
            timer = window.setInterval(run, speed);
         }
      }

</script>
</head>
<body>
<center>
//////////////////////////////////////////////这里的overflow都起到什么作用？？？？？？？？？？？？？？？？？？？？？？
      <div id ="maq" style="  overflow:hidden; width:400px; height:100px; border:solid 1px red; ">
         <table>
            <tr>
                  <td id = "m1">
                     <table>
                        <tr>
                              <td><img width="100" height="100" src="images/1.jpg"/></td>
                              <td><img width="100" height="100" src="images/2.jpg"/></td>
                              <td><img width="100" height="100" src="images/3.jpg"/></td>
                              <td><img width="100" height="100" src="images/4.jpg"/></td>
                        </tr>
                     </table>
                  </td>
                  <td id = "m2"></td>
            </tr>
         </table>

      </div>

</center>
</body>
</html>

哈哈有人 · 2013-8-27 11:18:36

哈哈哈哈 · 2013-8-27 19:54:43

.NET--小白 · 2013-8-27 19:59:08

哈哈有人发表于 2013-8-27 11:18
2

什么意思

qzuser · 2013-9-3 15:44:26

<html>
  <head>
<title>跑马灯效果!!!</title>
<script type="text/javascript" language="javascript">
var timeId="";
function run(){
   var title=document.title;
   var firsttitle=title.charAt(0);
   var remaintitle=title.substring(1,title.length);
   document.title=remaintitle+firsttitle;
}

function leftrun(){
   var title=document.title;
   var firsttitle=title.charAt(0);
   var remaintitle=title.substring(1,title.length);
   document.title=remaintitle+firsttitle;
}
function rightrun(){
   var title=document.title;
   var righttitle=title.substring(title.length-1,title.length);
   var remaintitle=title.substring(0,title.length-1);
   document.title=righttitle+remaintitle;
}

var leftclearId;
var rightclearId;
function leftsetInter(){
   leftclearId=setInterval('leftrun()',500);
   clearInterval(rightclearId);
}
function rightsetInter(){
   rightclearId=setInterval('rightrun()',500);
   clearInterval(leftclearId);
}
</script>
  </head>
  <body>
<input type="button" value="跑马灯效果" onclick="timeId=setInterval('run()',500)"/>
<input type="button" value="停止" onclick="clearInterval(timeId)"/><br/><br/><br/>
<input type="button" value="向左滚动" onclick="leftsetInter()"/>
<input type="button" value="向右滚动" onclick="rightsetInter()"/>

  </body>
</html>

.NET--小白 · 2013-9-3 18:02:00

qzuser 发表于 2013-9-3 15:44
跑马灯效果!!!

var timeId="";

论坛的缺点就是好几天后才会有人看见贴