乔客论坛 - [class.nav] - 一种非常喜欢的间歇式图片切换方式
RSS 2.0 支持
本版版主
您是本贴第 2278 位浏览者

浏览贴子: 一种非常喜欢的间歇式图片切换方式 打印 收藏 推荐 刷新

honcker
  • 等级
  • 发贴318
  • 积分1932
  • 货币10.8乔币
  • 注册2005-8-18
一种非常喜欢的间歇式图片切换方式
请看
http://www.dangdang.com/movie.shtml
中上部的主编推荐部分。

该效果是flash实现的。

我想知道,利用图片滚动方式,能否实现上面切换效果。(不需要鼠标指向时的特殊效果)
竖向、横向 滚动图片,一般都是连续的,我想要这种间歇式的切换方式,不知如何实现。
四个网址走遍天下:
1、大型商业软件:http://www.9iv.com/down/index.htm?eid=12669
2、实用软件:http://www.crsky.com/default.html
3、特别文件:http://www.sn2sn.com/
4、专业论坛搜索引擎:http://teein.com
 
IP 操作 Top

radem
  • 相约酒吧
  • 等级
  • 发贴2562
  • 积分9779
  • 货币31.0乔币
  • 注册2005-1-13
方法如下:
以图片高度为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
  • 等级
  • 发贴318
  • 积分1932
  • 货币10.8乔币
  • 注册2005-8-18
非常感谢。马上试试。
四个网址走遍天下:
1、大型商业软件:http://www.9iv.com/down/index.htm?eid=12669
2、实用软件:http://www.crsky.com/default.html
3、特别文件:http://www.sn2sn.com/
4、专业论坛搜索引擎:http://teein.com
 
IP 操作 Top

googleguo
  • 等级
  • 发贴1
  • 积分5
  • 货币0.0乔币
  • 注册2006-11-27
横向滚动的图片代码怎么改写?
 
IP 操作 Top

  • loading..

loading..