社区
JavaScript
帖子详情
100分,求图片滚动效果!
iceqings
2005-09-02 03:25:18
网页图片滚动效果!
但是要求为滚动一张停几秒!而后再滚动一张。
就是一张张的滚,但是 滚动时要有连续性,停止时只能看到一张图片,
滚动方向,由下向上滚动!
程序要求越简单越好!
并请注释每条语句的作用!在下在此先谢过了!
...全文
234
7
打赏
收藏
100分,求图片滚动效果!
网页图片滚动效果! 但是要求为滚动一张停几秒!而后再滚动一张。 就是一张张的滚,但是 滚动时要有连续性,停止时只能看到一张图片, 滚动方向,由下向上滚动! 程序要求越简单越好! 并请注释每条语句的作用!在下在此先谢过了!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
emu
2006-01-05
打赏
举报
回复
前阵子做的: http://izone.qq.com/client/photo_dynamic.htm?uin=123456&album=63271855
wenquan_nn
2006-01-05
打赏
举报
回复
<div id="demo" align="center" style="OVERFLOW:hidden;WIDTH:720px;COLOR:#ffffff">
<table align="center" cellpadding="4" cellspacing="0" border="0">
<tr>
<td id="demo1">
<img src="aaa/aaa.gif"><img src="aaa/aaa.gif"><img src="aaa/aaa.gif">
<img src="aaa/aaa.gif"><img src="aaa/aaa.gif"><img src="aaa/aaa.gif">
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
张海霖
2005-09-18
打赏
举报
回复
用<iframe配和ie得换页特效也不错
cmslovehxh
2005-09-02
打赏
举报
回复
我有个类似的,不是自动滚动 ,我弄两个按钮 鼠标移到那里就滚动,你也修改为你所需要的
heightPerLine = 25; //每行高度
srollLinesPerClick = 5; //滚动行数
scrollBoardHeight = heightPerLine * srollLinesPerClick; //内容区高度
stopscroll=true; //这个变量控制是否停止滚动
bIsUp = true;
var nLastPosH = 0;
function Up(scrollObject){ //上滚调用入口
scrollBoard=scrollObject;
UpStart();
}
function Down(scrollObject){ //下滚调用入口
scrollBoard=scrollObject;
DownStart();
}
function UpStart(){
stopscroll = false;
bIsUp = true;
a_scrollUp();
}
function DownStart(){
stopscroll = false;
bIsUp = false;
a_scrollUp();
}
function ToStop(){
stopscroll = true;
}
function a_scrollUp(){
if(stopscroll==true)
return;
preTop = scrollBoard.scrollTop;
if(bIsUp){
scrollBoard.scrollTop+=1;
if(nLastPosH + scrollBoardHeight == scrollBoard.scrollTop){
nLastPosH = scrollBoard.scrollTop;
ToStop();
return;
}
}
else{
scrollBoard.scrollTop-=1;
if(nLastPosH - scrollBoardHeight == scrollBoard.scrollTop){
nLastPosH = scrollBoard.scrollTop;
ToStop();
return;
}
}
setTimeout("a_scrollUp()",10);
}
<div id="product" name="product" style="HEIGHT: 238px; OVERFLOW: hidden;">
<!--图片区域-->
<div>
<input name="B1" type="image" src="images/up.jpg" onMouseOver="javascript:Down(product)">
<input name="B1" type="image" src="images/down.jpg" onMouseOver="javascript:Up(product)">
zhuangyan2004
2005-09-02
打赏
举报
回复
用Flash能达到比较好的效果
dream520
2005-09-02
打赏
举报
回复
帮你顶。
偶有滚动代码不过不是你需要的
iceqings
2005-09-02
打赏
举报
回复
没有人会吗?
网页设计html
图片
滚动
特效,网页设计全屏
滚动
效果
怎么做?
1、全屏
滚动
原理先把全屏
滚动
效果
的设计
分
两部
分
: 背景图+内容。(这里的背景图指纹理或者照片作为背景) 对于背景图,开发的设置是:width:
100
%;heigth:
100
%。意思是无论我们设计多大尺寸的背景图,最终都会以...
使用HTML+CSS实现
图片
滚动
效果
使用HTML+CSS实现
图片
滚动
效果
之前用js实现过
图片
切换的
效果
,今天实现
图片
滚动
的特效,这里不包含
图片
的切换。 直接上代码: <div class="loopimg"> <ul> <li> <img src="img/运动/运动 -...
HTML网页
图片
滚动
代码
<!--下面是向上
滚动
代码--> <div id=butong_...height:
100
;...插入需要
滚动
的
图片
"> <img src="插入需要
滚动
的
图片
"> <img
JQuery实现
图片
轮播
滚动
效果
而循环
效果
,就是在每一
滚动
的时候,将第一张
图片
放到最后一张的后面(for循环来控制
图片
的换位操作)。
效果
:
图片
从右往左依次滑动 html(轮播内容从后台接口读取然后添加到<ul></ul&...
html
图片
自动
滚动
播放,小卖弄:纯CSS实现
图片
滚动
播放
效果
一、
效果
抢先如果您手头上的浏览器是FireFox6+,或者教新版本的Chrome或是Safari浏览器,就可以看到类似上面截图的
效果
。完全CSS挑大梁,JS请假回家相亲去了。二、原理简述显然,要实现demo所示的
效果
,CSS2.1就算是...
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章