html实现图片滚动效果:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>江苏微软培训中心--培训主页</title>
</head>
<body>
<div id=demo style="overflow:hidden;height:110;width:510;color:#ffffff;margin:0">
<table align=right cellpadding=0 cellspace=0 border=0 style="margin:0" >
<tr>
<td id=demo1 valign=top>
<table width="800" border=0 align=center cellpadding=0 cellspacing=0>
<tr>
<td height=120 align=center valign="top"><img src="img/1.jpg" border=0 class=img03 alt="日本朋友来访"/></td>
<td width=2><img width=2></td>
<td height=120 width=80 valign="top"><img src="img/2.jpg" border=0 class=img03 alt="李源朝书记视察工作"/></td>
<td width=2><img width=2></td>
<td height=120 align=center valign="top"><img src="img/3.jpg" border=0 alt="员工培训"/></td>
<td width=2><img width=2></td>
<td height=120 align=center valign="top"><img src="img/4.jpg" border=0 class=img03 alt="微软刘经理给员工讲课"/></td>
<td width=2><img width=2></td>
<td height=120 align=center valign="top"><img src="img/5.jpg" border=0 class=img03 alt="市长查看中心"/></td>
<td width=2><img width=2></td>
<td height=120 align=center valign="top"><img src="img/6.jpg" border=0 class=img03 alt="培训基地"/></td>
<td width=2><img width=2></td>
<td height=120 align=center valign="top"><img src="img/7.jpg" border=0 class=img03 alt="软博会1"/></td>
<td width=2><img width=2></td>
</tr>
</table>
</td>
<td>
<td id=demo2 valign=top>
</td>
</tr>
</table>
</div>
<script>
var speed=10//速度数值越大速度越慢
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.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
发现在vs2005中生成的html叶面第一行有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,导致程序运行出错,删除该行后运行成功,原因?