
真正非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 也一样增加以上代码....
>>相关资讯:
上篇文章:女子右声道”第2期《十年》 下篇文章:男人的十大幼稚行为
网友评论
以下网友评论只代表其个人观点,不代表临沂广播网的观点或立场

加载中……
- 没有相关文章
