您的位置:首页 > 编程语言

非常好的图片滚动代码(多幅图片依次向上滚动, 每幅图都会有停留展示时间)

2007-07-22 16:48 288 查看
四幅图片依次向上滚动, 每幅图都会有停留展示时间.

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<SCRIPT language="JavaScript">
<!--
var scrla=3
var scrlb=1
var scrlc=2
var scrld=4
var scrlda='scrl_'+scrla;
var scrldb='scrl_'+scrlb;
var scrldc='scrl_'+scrlc;
var scrldd='scrl_'+scrld;
var timea=100
var timeb=300
var tt=180/timea //如果改了图片的高度,此处时间180也需相应改差值
var ttt=timea+timeb
var scrlnum=timea+50

//-->
</SCRIPT>

<!--以下width="375" height="150" 为图片固定长宽, 如果更改,则需修改相应数值-->
<span style="WIDTH: 375px; POSITION: relative; HEIGHT: 150px;" id="main2">
<div style="LEFT: 0px; WIDTH: 405px; CLIP: rect(0px 375px 150px 0px); POSITION: absolute; TOP: 0px; HEIGHT:

150px" id="scroll_image">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="LEFT: 0px; WIDTH: 375px; POSITION: absolute; TOP: 0px;" id="scrl_1">
<a href="#" target="_blank"><img src="" border="0" width="375" height="150"></a>
</div>
<div style="LEFT: 0px; WIDTH: 375px; POSITION: absolute; TOP: 0px;" id="scrl_2">
<a href="#" target="_blank"><img src="" border="0" width="375" height="150"></a>
</div>
<div style="LEFT: 0px; WIDTH: 375px; POSITION: absolute; TOP: 0px;" id="scrl_3">
<a href="#" target="_blank"><img src="" border="0" width="375" height="150"></a>
</div>
<div style="LEFT: 0px; WIDTH: 375px; POSITION: absolute; TOP: 0px;" id="scrl_4">
<a href="#" target="_blank"><img src="" border="0" width="375" height="150"></a>
</div>
</td>
</tr>
</table>
</span>
<SCRIPT>
scroll();
</SCRIPT>
</td>
</tr>
</table>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: