这段代码展示了如何使用JavaScript创建一个图片翻页滚动效果。通过动态调整div位置，实现图片在设定高度内的平滑滚动。同时，提供了暂停滚动的机制，当鼠标悬停时停止滚动，离开后继续滚动。
<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元/天 解锁文章
扫一扫
552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
