首页 >> 读书频道 >> 电脑 >> 神奇的页面滚动控制(二)
 
· 神奇的页面滚动控制(一)
· 怎样把Java Appl
· 网页技巧-
· JavaScript的脆
· JavaScript 的
· JavaScript 的
· 编写 JavaScrip
· JavaScript是什
· 弹出式说明窗口-
· JavaScript时间
· 判断Email地址是否有
· 如何将脚本放在页面里?
 
· 美容养颜手册
· 加油金顺剧情分集介绍完整
· 红楼梦:120回全本[清
· 素质教育在美国
· 全唐诗卷四十六
· 韩剧《布拉格恋人》剧情介
· 夜航船[作者:明·张岱]
· 局外人[作者:韩·可爱淘
· 现场流行病学
· 源氏物语[日本:紫式部]
· 武林寓言故事
· 2006高考录取规则
 
· (出租)中动商场部分及写
· (出租)中动动漫基地&#
· 喜剧学院
· 《善德女王》剧情介绍
· 魔女18号 剧情
· 丑女无敌剧情介绍
· 魔女幼熙剧情介绍
· 龙游天下剧情介绍
· 震撼世界的七日剧情介绍
· 静静的白桦林剧情介绍
· 心情日记—老公今天我想对
· 旗舰剧情介绍
欢迎来到月影社区!如果您觉得这里不错,请推荐给您的朋友们。月影社区:http://wf66.com/

神奇的页面滚动控制(二)


查看有无更新版本

关键字:JavaScript 2006-9-8

 

  function scrollpage() {
  //页面滚动控制函数
 
   status = '';
   //okscroll与godown都是滚动状态标志,其值由指示器层的onmouseover与onmouseout2个事件控制。
   //window.scrollBy(x,y)控制页面滚动,x、y分别表示横向与纵向滚动的距离,单位是象素px。
   //当设置y值更大时,每次滚动的距离也将更大。
   if (okscroll) {
   if (godown) {
   (isNS)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
   } else {
   (isNS)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
   }
   }
 
   //页面滚动后,指示器已不再停留在我们期待的位置。所以,要再次执行移动函数移动它到屏幕的右下角。
   //这样,看起来好像它总是在那里 ;-)
   moveitem();
 
   //设置滚动函数定时执行。这里的时间,表示了监测用户操作状态的周期,越小表示越精确,但程序也将
   //更“忙”。设置得过于长,就会产生慢动作的延迟效果,好像计算机很迟钝,当我们将鼠标点到向下指示器
   //时,屏幕并没有马上做出反应,而是等了一段时间,才向下滚动 ;-(
   //根据你的需要,并进行测试,设置这个数值。
   setTimeout('scrollpage()', 158);
  }
 
  //页面加载后,启动相关脚本函数
  //设置页面加载后,首先启动init函数
  window.onload=init;
 
  //设置当窗口大小发生变换时启动的函数
  (isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ;
 
  // End -- >
  < /script >
 
  < BODY >
 
  <!--用div标记定义一个层,从而可以在脚本程序中对它进行控制-->
  <!--接着,给指示器图像添加2个事件,当它们发生时,分别设置相应的操作状态变量-->
  < DIV id=item >< A onmouseover="okscroll=true; godown=true;"
  onmouseout=okscroll=false href="javascript:void(0)" >< IMG
  src="http://www.aspcool.com/lanmu/down.gif" border=0 >< /A >< A
  onmouseover="okscroll=true; godown=false;" onmouseout=okscroll=false
  href="javascript:void(0)" >< IMG src="http://www.aspcool.com/lanmu/up.gif" border=0 >< /A > < /DIV >
  < P >
 
  <!--以下是页面内容,写得长一些,从而能看到操作效果-->
  < CENTER >◆◆◆◆◆ Begin From Here ◆◆◆◆◆
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >用Javascript制作页面滚动效果
  < P >◆◆◆◆◆ End Here ◆◆◆◆◆
  < P >< /CENTER >
  < P >< /P >< /BODY >< /HTML >
  演示效果
 
  OK!看了上面的代码详细解读,你是否领会了其中的技巧?软件真是无所不能,是吗?

神奇的页面滚动控制(二)

[ 1 ]
神奇的页面滚动控制(二) num

打印本页 关闭

关于我们版权声明本站导航友情连结作品演示 TOP↑