100分,求图片滚动效果!

iceqings 2005-09-02 03:25:18
网页图片滚动效果!

但是要求为滚动一张停几秒!而后再滚动一张。

就是一张张的滚,但是 滚动时要有连续性,停止时只能看到一张图片,

滚动方向,由下向上滚动!


程序要求越简单越好!

并请注释每条语句的作用!在下在此先谢过了!
...全文
234 7 打赏 收藏 转发到动态 举报
写回复
用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
  • 打赏
  • 举报
回复
没有人会吗?

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧