firefox中加了头声明图片无法滚动

fczwdyq 2009-09-11 03:47:22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
去掉这个头声明，图片就可以水平滚动了,以前的网页也有这个头声明，但是在firefox中是可以滚动的，不同的是以前的网页是gb2312编码，现在的是utf-8编码。
求教各位大侠这是为什么，这个问题该怎么整

...全文

88 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

fczwdyq 2009-09-12

打赏
举报

Thank you!

一把编程的菜刀 2009-09-12

打赏
举报

因为你的不兼容啊
demo2.innerHTML 这部分不兼容

参考我博客的滚动吧，应该用getEmentById('')

ck1892 2009-09-12

打赏
举报

帮顶个

fczwdyq 2009-09-12

打赏
举报

自己顶下

fczwdyq 2009-09-11

打赏
举报

又有新发现，在头声明前面加上
<script></script>
可以正常滚动，但是跟没加头声明时一样，字体大小都变了

fczwdyq 2009-09-11

打赏
举报

滚动代码如下，去掉头声明，firefox中正常滚动，加上，不能滚动了
<table border="0" align="center" height="140"><tr><td height="140" align="center">
<DIV id=demo style="OVERFLOW: hidden; WIDTH:896px;">
<TABLE cellpadding="0" cellspacing="0" align=center>

<TR>
<TD id=demo1>
<TABLE cellpadding="0" cellspacing="0">

<TD >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:3px;"><div><IMG height="140" width="140" src="index.asp_files/0.gif" border=0></div></td>
</tr>
</table>
</TD>
<TD >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:3px;"><div><IMG height="140" width="140" src="index.asp_files/0_0.gif" border=0></div></td>
</tr>
</table>
</TD>
<TD >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:3px;"><div><IMG height="140" width="140" src="index.asp_files/0_1.gif" border=0></div></td>
</tr>
</table>
</TD><TD >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:3px;"><div><IMG height="140" width="140" src="index.asp_files/0_2.gif" border=0></div></td>
</tr>
</table>
</TD><TD >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:3px;"><div><IMG height="140" width="140" src="index.asp_files/0_3.gif" border=0></div></td>
</tr>
</table>
</TD><TD >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:3px;"><div><IMG height="140" width="140" src="index.asp_files/0_4.gif" border=0></div></td>
</tr>
</table>
</TD>

</TR></TABLE></TD>
<TD id=demo2></TD></TR></TABLE></DIV>

<SCRIPT language=JavaScript type=text/javascript>
var speed=25
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}

var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
</td>
</tr>
</table>
</td>

</tr>
</table>