真正非5张滚动图片的代码

看了一写网站图片栏目加了滚动代码...但无论调试20张图片,还是调试100张图片,永远是5张在来回滚动...就没有意义了...故本站http://www.65vv.com/做了简单的改变...下面请跟我"沙丘"一起改一下:<说明:我这个只增加到18张...想多或少还要改变长度大小....>

这个也是很容易做到:

1.找到index.asp文件.....<以下是图片更新代码>         <div>
        <div class="Tab_left w_8 side_border">
        <div class="topic_bg1">
        <div class="topic">图片更新</div>
         <span><a href="Pic/Index.asp">More...</a></span> </div>
        <div id=demo style="overflow:hidden;height:128px;width:99%;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>       
        <div class="pic_url2 Tab_left"><%call index_pic(18,0)%></div></td><td id=demo2 valign=top></td></tr></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>   

</div>

2.打开css/index1.css    <增加以下代码>在文件最尾加也可以

 /*图片样式开始2*/
.pic_url2 {
 margin: 5px 5px 5px 0px;
 width:2420px;
}

.pic_url2 li {
 display: block;
 float: left;
 line-height: 28px;
 padding-top: 5px;
        padding-bottom: 5px;
 padding-left: 6px;
 padding-right: 6px;
 /*width: 120px;*/
        text-align:center;
 list-style:none;
}

.pic_url2 img{
 padding:1px;
 border:1px #CCCCCC solid;
 margin-top:2px;
 
}
/*图片样式结束2*/

备注:index2.css   index3.css   index4.css   index5.css  也一样增加以上代码....