亲爱的用户, 您好
免费注册
我的帐户
服务与帮助
收藏
首页
产品
新手指南
文章
新闻
下载
图集
商城
讨论区
content loading.
乔客产品综合论坛
收费用户专用交流论坛
产品中心
Joekoe CMS 5.0
未来版本 Joekoe IMS
产品交流论坛
收费用户交流论坛
乔客论坛
- [class.nav] - 帖子浏览 - 一种非常喜欢的间歇式图片切换方式
您是本贴第
1865
位浏览者
‹‹ 上一主题
下一主题 ››
打印
收藏
刷新
正在处理数据..
浏览贴子: 一种非常喜欢的间歇式图片切换方式
honcker
详细资料
站内短信
加为好友
个人门户
1
小
中
大
复制
发表于
2006-9-16 16:19:27
只看该作者
回复
引用
一种非常喜欢的间歇式图片切换方式
请看
http://www.dangdang.com/movie.shtml
中上部的主编推荐部分。
该效果是flash实现的。
我想知道,利用图片滚动方式,能否实现上面切换效果。(不需要鼠标指向时的特殊效果)
竖向、横向 滚动图片,一般都是连续的,我想要这种间歇式的切换方式,不知如何实现。
[ads:view.banner]
IP
操作
Top
[ads:view.text]
radem
详细资料
站内短信
加为好友
个人门户
2
小
中
大
复制
发表于
2006-9-16 18:47:48
只看该作者
回复
引用
方法如下:
以图片高度为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>
[ads:view.banner]
IP
操作
Top
[ads:view.text]
honcker
详细资料
站内短信
加为好友
个人门户
3
小
中
大
复制
发表于
2006-9-17 10:13:03
只看该作者
回复
引用
非常感谢。马上试试。
[ads:view.banner]
IP
操作
Top
[ads:view.text]
googleguo
详细资料
站内短信
加为好友
个人门户
4
小
中
大
复制
发表于
2006-11-27 16:41:16
只看该作者
回复
引用
横向滚动的图片代码怎么改写?
[ads:view.banner]
IP
操作
Top
[ads:view.text]
4
1/1
1
GO
快速回复: 一种非常喜欢的间歇式图片切换方式
贴子内容:
使用UBB
显示签名
正在准备回复数据,请稍候...
正在发送回复数据,请稍候...
loading..
编辑本贴
屏蔽此贴
删除此贴
乔客网
关于乔客
联系乔客
工作机会
网站帮助
友情链接
网站留言
服务与帮助
© 2003-2008 上海乔客网络科技有限公司 保留所有权利。 我们专注于会员互动!
网站
基于
Joekoe CMS
5.0
Beta
技术架构 沪ICP备05029425号