Javascript从入门到精通书中第17章17.2.3无间断的图片滚动效果,在光盘实例中运行后,图片并没有自动滚动播放!!!
发表在JavaScript图书答疑 2017-02-06
是否精华
版块置顶:

QQ截图20170206211911.png这是源代码!源代码哪里有错误呢?


<HTML><HEAD><TITLE>无间断的图片循环滚动效果</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<META content="MSHTML 6.00.2800.1264" name=GENERATOR>

</HEAD>

<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">

<CENTER>

<TABLE style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" cellSpacing=0 cellPadding=0 width=750 align=center border=0>

  <TR>

    <TD>

<DIV id=div1 style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">

      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">

        <TR>

          <TD id=td1 vAlign=top>

 <table width="1320" height="89"  border="0" cellpadding="0" cellspacing="0">

            <tr>

              <td width="110" background="1.jpg"></td>

              <td width="110" background="2.jpg"></td>

              <td width="110" background="3.jpg"></td>

              <td width="110" background="4.jpg"></td>

              <td width="110" background="5.jpg"></td>

              <td width="110" background="6.jpg"></td>

              <td width="110" background="7.jpg"></td>

              <td width="110" background="8.jpg"></td>

              <td width="110" background="9.jpg"></td>

              <td width="110" background="10.jpg"></td>

 <td width="110" background="11.jpg"></td>

 <td width="110" background="12.jpg"></td>

            </tr>

          </table>

 </TD>

<TD id=td2 vAlign=top>&nbsp;</TD></TR></TABLE>

</DIV>

<SCRIPT language="javascript">

var n=100

//数值越大图片滚动的越快

td2.innerHTML=td1.innerHTML

var Mycheck;

function move()

{

if(td2.offsetWidth-div1.scrollLeft<=0)

div1.scrollLeft-=td1.offsetWidth

else

{div1.scrollLeft++}

    Mycheck=setTimeout(move,n)

}

div1.onmouseover=function() {clearTimeout(Mycheck)}

div1.onmouseout=function() {Mycheck=setTimeout(move,n)}

move();

</SCRIPT>

</TD>

</TR></TABLE>

</CENTER>

</BODY>

</HTML>


求IT大神指教!!!!!!!!!!!!!!!


分享到:
精彩评论 1
阿白老师
学分:598 LV6
TA的每日心情
开心
2017-05-02 16:47:53
2017-02-08
沙发

你好!

请使用IE浏览器再测试看看!

Javascript从入门到精通》这本书推荐使用IE浏览器进行学习和测试!

首页上一页 1 下一页尾页 1 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照