非常好的图片滚动代码(多幅图片依次向上滚动, 每幅图都会有停留展示时间)
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>
<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>
相关文章推荐
- 图片连续循环滚动代码(向上)
- 图片连续循环滚动代码(向上、下、左、右)
- jQuery循环滚动展示代码 可应用到文字和图片上
- 图片连续循环滚动代码(向上)
- 图片连续循环滚动代码(向上、下、左、右)
- 图片连续循环滚动代码(向上、下、左、右)
- 图片循环滚动代码(无缝滚动)(分别向上、下、左、右)
- 文字或者图片向上滚动代码
- js图片不间断滚动代码(向上,向下,向左,向右)
- 图片无缝滚动代码(向左/向下/向上)的js代码
- 网页中实现文字或图片向上不间断滚动的javascript代码
- (代码收藏)向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 简短几句jquery代码的实现一个图片向上滚动切换
- 文字或者图片向上滚动代码
- jQuery循环滚动展示代码 可应用到文字和图片上
- 利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
- 带图片闪光效果的向上滚动友情链接代码
- 可用于产品展示的匀速图片滚动代码
- 图片连续循环滚动代码(向上、下、左、右)
- 利用jQuery简单实现产品展示图片左右滚动功能(示例代码)