<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String id= request.getParameter("id");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
不间断图片左右滚动代码演示 - 爱JavaScript中文网 .td2<%=id%> {font-size: 12px;}
vAlign=top>
|
vAlign=top> |
</TD></TR></TBODY></TABLE>
</CENTER>
var speed3<%=id%>=20//速度数值越大速度越慢
function Marquee<%=id%>(){
document.getElementById("demo2<%=id%>").innerHTML=document.getElementById("demo1<%=id%>").innerHTML
if(document.getElementById("demo2<%=id%>").offsetWidth-document.getElementById("demo<%=id%>").scrollLeft<=0){
document.getElementById("demo<%=id%>").scrollLeft-=document.getElementById("demo1<%=id%>").offsetWidth
}
else{
document.getElementById("demo<%=id%>").scrollLeft++
}
}
var MyMar<%=id%>=setInterval(Marquee<%=id%>,speed3<%=id%>)
document.getElementById("demo<%=id%>").onmouseover=function() {
clearInterval(MyMar<%=id%>)
}
document.getElementById("demo<%=id%>").onmouseout=function() {
MyMar<%=id%>=setInterval(Marquee<%=id%>,speed3<%=id%>)
}
alert(document.getElementById("demo2<%=id%>").offsetWidth);