当前位置:
首页 > 网站相关 > div+css > 无缝滚动代码,标准版

无缝滚动代码,标准版

<div style="WIDTH: 336px; COLOR: #ff0000; OVERFLOW: hidden" id=demo>
<table border=0 cellSpacing=0 cellPadding=0 align=left cellspace="0">
<tr>
<td id=demo1 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width=438>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=119" title="郭瑞飞" target="_blank"><img class='pic1' src='/Article/UploadFiles/201212/2012120511255742.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=119" title="郭瑞飞" target="_blank">郭瑞飞</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=118" title="吴世景" target="_blank"><img class='pic1' src='/images/001.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=118" title="吴世景" target="_blank">吴世景</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=117" title="江潮" target="_blank"><img class='pic1' src='/Article/UploadFiles/201302/2013021710383748.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=117" title="江潮" target="_blank">江潮</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=116" title="庞荣舟" target="_blank"><img class='pic1' src='/images/001.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=116" title="庞荣舟" target="_blank">庞荣舟</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=115" title="田仁流" target="_blank"><img class='pic1' src='/Article/UploadFiles/201212/2012120511291594.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=115" title="田仁流" target="_blank">田仁流</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=114" title="石光团" target="_blank"><img class='pic1' src='/Article/UploadFiles/201302/2013021710380553.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=114" title="石光团" target="_blank">石光团</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=113" title="黄大雄" target="_blank"><img class='pic1' src='/Article/UploadFiles/201212/2012120510572742.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=113" title="黄大雄" target="_blank">黄大雄</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=71" title="黄朝疆" target="_blank"><img class='pic1' src='/Article/UploadFiles/201211/2012112209400915.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=71" title="黄朝疆" target="_blank">黄朝疆</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=70" title="姚贤龙" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012072511380461.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=70" title="姚贤龙" target="_blank">姚贤龙</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=68" title="姚明佑" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012072511340657.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=68" title="姚明佑" target="_blank">姚明佑</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=66" title="颜奕华" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012073009254017.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=66" title="颜奕华" target="_blank">颜奕华</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=64" title="欧阳可才" target="_blank"><img class='pic1' src='/Article/UploadFiles/201208/2012080914103294.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=64" title="欧阳可才" target="_blank">欧阳可才</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=61" title="何超" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012072518472170.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=61" title="何超" target="_blank">何超</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=58" title="林小宁" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012072518432710.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=58" title="林小宁" target="_blank">林小宁</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=57" title="蒙永业" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012072518375210.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=57" title="蒙永业" target="_blank">蒙永业</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=55" title="马杰" target="_blank"><img class='pic1' src='/Article/UploadFiles/201207/2012072518293402.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=55" title="马杰" target="_blank">马杰</a></td><td align='center'><a class="" href="/Article/ShowArticle.asp?ArticleID=54" title="钟腾远" target="_blank"><img class='pic1' src='/Article/UploadFiles/201208/2012081014145536.jpg'  width='68' height='80' border='0'></a><br><a class="" href="/Article/ShowArticle.asp?ArticleID=54" title="钟腾远" target="_blank">钟腾远</a></td></tr></table></td>
</tr>
</table>
</td>
<td id=demo2 vAlign=top></td>
</tr>
</table>
</div>
<SCRIPT>
var speed3=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>