RSS
WAP
简体中文
繁体中文
English
游客:
注册
;
用户登录
搜索
论坛首页
您现在的位置:
网站引擎
产品论坛
SiteEngine
心得交流
怎么实现图片新闻循环滚动?
您好,
积分:
,您有
0
条新站内短信
最新帖子
主题: 怎么实现图片新闻循环滚动?
上一主题
下一主题
skyline
专业版
Level: 32
HP: 886 / 886
MP: 302 / 933
Exp: 65%
帖子: 454
积分: 913
注册时间: 2006-01-18
怎么实现图片新闻循环滚动?
1楼
<div id=demo style=overflow:hidden;height:157;width:100%;color:#ffffff>
<div id=demo1>
<!-- 定义图片 -->
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<TBODY>
<TR height=157>
<TD><span>
</span></TD></TR></TBODY></TABLE>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
关键词:
方法
解决
06-11-20 16:48 1楼
skyline
专业版
Level: 32
HP: 886 / 886
MP: 302 / 933
Exp: 65%
帖子: 454
积分: 913
注册时间: 2006-01-18
2楼
<!-- 定义图片 -->
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<TBODY>
<TR height=157>
<TD><span>
(插入图片新闻的列表)
</span></TD></TR></TBODY></TABLE>
在<span></span>中间插入新闻的图片列表就可以,值得注意的是图片列表的宽度需要大于外面表格的宽度
06-11-20 16:52 2楼
夜神
免费版
Level: 16
HP: 40 / 445
MP: 10 / 608
Exp: 90%
帖子: 16
积分: 47
注册时间: 2006-12-08
3楼
Quote:
引用
skyline
2006年11月20日的发帖
<!-- 定义图片 -->
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<TBODY>
<TR height=157>
<TD><span>
(插入图片新闻的列表)
</span></TD></TR></TBODY></TABLE>
在<span></s
这段代码是从上至下的,有没有从左至右的?谢谢!
07-1-19 05:20 3楼
夜神
免费版
Level: 16
HP: 40 / 445
MP: 10 / 608
Exp: 90%
帖子: 16
积分: 47
注册时间: 2006-12-08
4楼
请您看一下我的网站
http://www.usd98.com
中间的图片调用就是用您给的代码和DZ图片调用代码加起来做的,就那么6张图片,来回上来回上的。我想弄成比如15个,前面6个后面相继出来那种,请问可以告诉我怎么弄么?
先行谢过!
07-1-19 05:36 4楼
uyuuy
普及版
Level: 17
HP: 48 / 458
MP: 12 / 584
Exp: 34%
帖子: 19
积分: 59
注册时间: 2007-01-02
5楼
图像新闻滚动只能实现一个图片滚动。如果把图像新闻列表设成4个标题,那么只在一个图像在原位置从下往上滚动,其他的图像却跑到网站页面顶部了,而且不是滚动的。
这个问题比较晕啊
怎么样让多个图像连续滚动?或者以其他形式变换???
07-1-25 14:34 5楼
henryzhang88
普及版
Level: 19
HP: 80 / 509
MP: 21 / 576
Exp: 19%
帖子: 32
积分: 103
注册时间: 2007-01-09
6楼
这个问题我也遇到过,以由下往上为例,若设为4列,则新闻条数只要设为超过4,就能实现变幻显示,问题是要注意修改代码中的
numberpage数量即可,不可直接到新闻按钮中修改属性,这可能是程序bug,也可能是同时修改代码和属性,程序不易控制,反正在代码中直接修改可以实现.
若要改为由右至左流动,则要修改代码.其它网站有说明.
07-1-31 17:35 6楼
xc818
免费版
Level: 15
HP: 38 / 398
MP: 10 / 394
Exp: 21%
帖子: 15
积分: 44
注册时间: 2007-07-10
7楼
可否提供从左至右 和 从右至左 的代码,万分感谢!找了很多网站,都无法实现。谢谢
07-11-23 21:46 7楼
lxx
[半条命]
Administrator
免费版
Level: 16
HP: 70 / 424
MP: 18 / 280
Exp: 16%
帖子: 28
积分: 6
注册时间: 2007-11-01
解决方法
8楼
可以到这里看一下。
上下左右的全都有
http://www.siteengine.net/thread.php?classid=13&id=11577
07-11-24 17:28 8楼
一领蓑披
Moderate
普及版
Level: 23
HP: 138 / 620
MP: 36 / 927
Exp: 15%
帖子: 55
积分: 113
注册时间: 2006-01-23
9楼
07-12-1 16:01 9楼
shoujun
免费版
Level: 11
HP: 23 / 307
MP: 6 / 229
Exp: 99%
帖子: 9
积分: 24
注册时间: 2007-12-22
图片从右到左滚动效果
10楼
图片从右到左滚动效果:需要修改的部分有
1. (图片)src="/data/image/123.jpg" 这个文件夹地址由自己定义。
2. (地址)href="/data/detailproduct.asp?P_Id=72" 这个是图片连接地址,也是自己定义的。这里用的是asp
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=645 align=left border=0>
<TBODY>
<TR>
<TD width=22><IMG height=118
src="/data/image/pro-left.gif" width=22></TD>
<TD align=middle background=/data/image/pro-bg.gif>
<DIV id=demo
style="OVERFLOW: hidden; WIDTH: 560px; HEIGHT: 100px">
<TABLE cellSpacing=0 cellPadding=0 width=645 border=0>
<TBODY>
<TR>
<TD id=demo1 align=middle>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR align=middle>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=72"><IMG
height=100 alt=V-108
src="/data/image/Prod2007112814314980490.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=71"><IMG
height=100 alt=V-405
src="/data/image/Prod20071178454877748.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=70"><IMG
height=100 alt=苹果三代
src="/data/image/Prod2007102821123134705.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=69"><IMG
height=100 alt=V-210
src="/data/image/Prod200710822273340928.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=65"><IMG
height=100 alt=V-412
src="/data/image/Prod200710822473451328.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=64"><IMG
height=100 alt=V-317
src="/data/image/Prod200791718594580759.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=63"><IMG
height=100 alt=V-316
src="/data/image/Prod20071178393885242.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><A
href="/data/detailproduct.asp?P_Id=62"><IMG
height=100 alt=V-315
src="/data/image/Prod2007911726176395.jpg"
border=0></A></TD></TR></TBODY></TABLE></TD>
<TD width=15> </TD></TR></TBODY></TABLE></TD>
<TD id=demo2 align=middle>
<SCRIPT>
var speed=5
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=80)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft+=1
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
</TD></TR></TBODY></TABLE></DIV></TD>
<TD width=22><IMG height=118
src="/data/image/pro-right.gif"
width=22></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD> </TD></TR></TBODY></TABLE>
07-12-25 14:30 10楼
相关论坛
相关下载
目前解决方法只有强制性修改模板,我们会在后续的版本中改进此功能。
2007-11-26
解决方法
2007-11-26
© 2002 - 2007
BOKAVAN
Inc. All Rights Reserved
博卡先锋
版权所有
京ICP备06013158