转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
神奇的页面滚动控制（二）    热     ★★★★

神奇的页面滚动控制（二）

作者：闵涛 文章来源：闵涛的学习笔记 点击数：862 更新时间：2009/4/23 11:31:00
    
  作 者 : 甘冀平
  
  
  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 id=item >< A onmouseover="okscroll=true; godown=true;"
  onmouseout=okscroll=false href="javascript:void(0)" >< IMG
  src="down.gif" border=0 >< /A >< A
  onmouseover="okscroll=true; godown=false;" onmouseout=okscroll=false
  href="javascript:void(0)" >< IMG src="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！看了上面的代码详细解读，你是否领会了其中的技巧？软件真是无所不能，是吗？
  


没有相关教程
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台