乔客论坛 - [class.nav] - 帖子浏览 - 一种非常喜欢的间歇式图片切换方式
您是本贴第 1865 位浏览者
本版版主
打印 收藏 刷新 浏览贴子: 一种非常喜欢的间歇式图片切换方式
honcker
一种非常喜欢的间歇式图片切换方式
请看
http://www.dangdang.com/movie.shtml
中上部的主编推荐部分。

该效果是flash实现的。

我想知道,利用图片滚动方式,能否实现上面切换效果。(不需要鼠标指向时的特殊效果)
竖向、横向 滚动图片,一般都是连续的,我想要这种间歇式的切换方式,不知如何实现。
IP 操作 Top
radem
方法如下:
以图片高度为31的LOGO为例,参考代码如下:

<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr><td align="left">
<div id="table01" style="width:300;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td height=35><a target="_blank" href="1_1.htm"><img src="logo1.gif"></a><a target="_blank" href="1_2.htm"><img src="logo2.gif"></a><a target="_blank" href="1_3.htm"><img src="logo3.gif"></a></td></tr>
<tr><td height=35><a target="_blank" href="2_1.htm"><img src="logo4.gif"></a><a target="_blank" href="2_2.htm"><img src="logo5.gif"></a><a target="_blank" href="2_3.htm"><img src="logo6.gif"></a></td></tr>
</table></div>
<SCRIPT>
marqueetable = document.all.table01;
scrollheight=35; //滚动高度
stopscroll1=false;
marqueetable.scrollTop=0;
with(marqueetable){
style.width=500;
style.height=scrollheight;
style.overflowX="hidden";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll1=true");
onmouseout=new Function("stopscroll1=false");
}
startmarqueetop=0;
offsettop=35;        //滚动高度
marqueestoptime=0;
//marqueetable.innerHTML+=marqueetable.innerHTML;
function setmarqueetime()
{
marqueetable.scrollTop=0;
setInterval("marqueeup()",50);//设置滚动的时间
}
setmarqueetime();
function marqueeup(){
if(stopscroll1==true) return;
offsettop+=1;
if(offsettop==36)
{
marqueestoptime+=1;
offsettop-=1;
if(marqueestoptime==50) //停留的时间
{offsettop=0;
marqueestoptime=0;
}
}   
else
{  
startmarqueetop=marqueetable.scrollTop;
marqueetable.scrollTop+=1;
if(startmarqueetop==marqueetable.scrollTop)
{
marqueetable.scrollTop=0;
marqueetable.scrollTop+=1;
}
}
}
</SCRIPT>
</td></tr>
</table>
IP 操作 Top
honcker
非常感谢。马上试试。
IP 操作 Top
googleguo
横向滚动的图片代码怎么改写?
IP 操作 Top
快速回复: 一种非常喜欢的间歇式图片切换方式
贴子内容:


使用UBB
显示签名
loading..