Jquery中文网 www.jquerycn.cn
jQuery 教程 | jQuery ui教程 |
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 小巧的可自定义的随屏滚动效果

js 小巧的可自定义的随屏滚动效果

发布时间：2017-06-27   编辑：www.jquerycn.cn
jquery中文网为您提供js 小巧的可自定义的随屏滚动效果等资源，欢迎您收藏本站，我们将为您提供最新的js 小巧的可自定义的随屏滚动效果资源
提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js 小巧的可自定义的随屏滚动效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> </head> <body>
我在随屏滚动
<script language="javascript"> function scroll(p){ var d = document,w = window,o = d.getElementById(p.id),ie6 = /msie 6/i.test(navigator.userAgent); if(o){ o.style.cssText =";position:" (p.f&&!ie6?'fixed':'absolute') ";" (p.r?'left':"right") ":0;" (p.t!=undefined?'top:' p.t 'px':'bottom:0'); if(!p.f||ie6){ -function(){ var t = 500,st = d.documentElement.scrollTop||d.body.scrollTop,c; c = st - o.offsetTop (p.t!=undefined?p.t:(w.innerHeight||d.documentElement.clientHeight)-o.offsetHeight);//如果你是html 4.01请改成d.body，这里不处理以减少代码 c!=0&&(o.style.top = o.offsetTop Math.ceil(Math.abs(c)/10)*(c<0?-1:1) 'px',t=10); setTimeout(arguments.callee,t); }(); } } } scroll({ id:'aa' }) /* id：要滚动的内容的id r：放在左边还是右边，默认是右边 t：要放在页面的那个位置，默认是贴着底边，0是贴着顶边 f：1表示固定，不写或者0表示滚动（ie6固定无效） */
提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js 小巧的可自定义的随屏滚动效果
jquery滚动条插件
高效率使用CSS样式表的八则技巧
Html5之title吸顶功能
js获取当前对象大小与屏幕分辨率
js双击鼠标自动滚动屏幕实例
Html5百叶窗效果的示例代码_html5教程技巧
jquery easyui滚动条部分设置介绍
js获取浏览器窗口大小与屏幕宽高
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解

上一篇：jquery仿flash 个性实用的新闻图片联动标题效果 下一篇：javascript 代码简洁的仿淘宝悬浮工具栏
[关闭]
最近更新
浏览排行

关于本站 | 网站地图 | 联系我们 | 免责声明 | 友情链接
CopyRight © 2010-2014 jQeury中文网 jquerycn.cn , All Rights Reserved.