图片翻页滚动效果(JavaScript)

最新推荐文章于 2021-05-30 21:24:18 发布

groupliu

最新推荐文章于 2021-05-30 21:24:18 发布

阅读量1.8k

点赞数

文章标签： javascript scroll insert border function html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/groupliu/article/details/1554572

版权

这段代码展示了如何使用JavaScript创建一个图片翻页滚动效果。通过动态调整div位置，实现图片在设定高度内的平滑滚动。同时，提供了暂停滚动的机制，当鼠标悬停时停止滚动，离开后继续滚动。

摘要由CSDN通过智能技术生成

<html><head>

<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>

<script language='JavaScript'>

var scrollerheight=160; //定义每个区域显示的高度

var html,total_area=0,wait_flag=true; //初始化html串,总显示区域数,是否等待.

var bMouseOver = 1; //鼠标放上去就不滚动了,这里硬编码为true

var scrollspeed = 5; //滚动速度,其实是每次向上移动的象素数,值越大看起来越快

var waitingtime = 5000; //每次翻动的等待时间，单位毫秒

var s_tmp = 0 //初始移动次数

var s_amount = 32; //它的值是由每次需要移动的象素除以scrollspeed换算出来的

var scroll_content=new Array(); //声明一个数组

var startPanel=0, n_panel=0, i=0; //声明初始区域,区域个数和循环变量

//********************************************

//这是我做的一个跟踪变量函数

//在需要使用跟踪变量的地方直接调用trace()函数就可以了.

var newwin;

var isDebug = 1;

function trace(s)

{

if(isDebug)

{

try

{

newwin.document.write(s + "<BR>");

}

catch(e)

{

newwin = window.open("&

最低0.47元/天解锁文章

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
图片翻页滚动效果(JavaScript)

var scrollerheight=160; //定义每个区域显示的高度var html,total_area=0,wait_flag=true; //初始化html串,总显示区域数,是否等待.var bMouseOver = 1;
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。