无缝滚动的图片代码
2006-01-10 17:17
302 查看
<DIV id=demo
style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 390px; COLOR: #ffffff; HEIGHT: 173px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><A
href="http://218.195.80.9/personal.asp?number=1007"
target=_blank><IMG height=173
src="无缝滚动图片.files/0211321059.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=1165"
target=_blank><IMG height=173 src="无缝滚动图片.files/010141018.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=2611"
target=_blank><IMG height=173 src="无缝滚动图片.files/010241038.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=766"
target=_blank><IMG height=173 src="无缝滚动图片.files/010741047.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=2554"
target=_blank><IMG height=173
src="无缝滚动图片.files/0228322046.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=644"
target=_blank><IMG height=173
src="无缝滚动图片.files/0220322018.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=403"
target=_blank><IMG height=173
src="无缝滚动图片.files/0218321024.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=1558"
target=_blank><IMG height=173 src="无缝滚动图片.files/010641013.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=2338"
target=_blank><IMG height=173
src="无缝滚动图片.files/0227322054.jpg" border=0></A></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=30
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>
style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 390px; COLOR: #ffffff; HEIGHT: 173px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><A
href="http://218.195.80.9/personal.asp?number=1007"
target=_blank><IMG height=173
src="无缝滚动图片.files/0211321059.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=1165"
target=_blank><IMG height=173 src="无缝滚动图片.files/010141018.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=2611"
target=_blank><IMG height=173 src="无缝滚动图片.files/010241038.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=766"
target=_blank><IMG height=173 src="无缝滚动图片.files/010741047.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=2554"
target=_blank><IMG height=173
src="无缝滚动图片.files/0228322046.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=644"
target=_blank><IMG height=173
src="无缝滚动图片.files/0220322018.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=403"
target=_blank><IMG height=173
src="无缝滚动图片.files/0218321024.jpg" border=0></A><A
href="http://218.195.80.9/personal.asp?number=1558"
target=_blank><IMG height=173 src="无缝滚动图片.files/010641013.jpg"
border=0></A><A
href="http://218.195.80.9/personal.asp?number=2338"
target=_blank><IMG height=173
src="无缝滚动图片.files/0227322054.jpg" border=0></A></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=30
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>
相关文章推荐
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- jQuery无缝滚动图片代码
- 图片无缝无间隙滚动代码 DIV+script
- jQuery滚动图片特效,jQuery无缝滚动图片代码
- js图片无缝滚动代码
- jquery图片无缝滚动代码左右上下无缝滚动图片
- html中图片无缝滚动代码及学习体会
- JS+CSS控制图片向上无缝滚动代码
- 图片循环滚动代码(无缝滚动)(分别向上、下、左、右)
- 网页图片无缝循环滚动html代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 一个完整的图片无缝滚动代码
- JS图片滚动代码(无缝、平滑)
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- JS图片滚动代码(无缝、平滑)
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 经典无缝图片滚动代码!
- 图片循环滚动代码(无缝滚动){转,向原创致敬}