当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js DIV滚动条随机位置的设置技巧

Javascript
学习JavaScript里面的变量的应用
内容拷贝增加版权信息的JavaScript代码
JS扩展Photoshop新功能
学习JS之简单语句的写法
Javascript 最简单检测网速的方法和应用
Javascript 编程规范
关于DOM事件模型的两件事
关于JavaScript开发时的五个小提示
用javascript来实现动画导航
AJAX技术介绍
Ajax程序设计入门
学习Ajax教程,详细了解Get与Post
关于Ajax responseText 的一点阐述
ajax中文乱码解决方法
AJAX中文问题总结
AJAX无刷新更新数据
很简单的javascript函数不刷新页面---刷新数据
利用XMLHTTP无刷新添加数据
用XMLHTTP Post/Get HTML页面时的中文乱码之完全Script解决方案
成功实现ajax,xmlhttp跨域访问

Javascript 中的 js DIV滚动条随机位置的设置技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 320 ::
收藏到网摘: n/a

刚才一个朋友告诉我他的blog友情链接太多了,所以把所有链接放到一个DIV中,加了个滚动条,可是他又不想每次别人来看,看到的都是前面几个链接,于是问我有没有什么办法,想了一个,呵呵,正好有个办法 style后面用于限定DIV样式并加滚动条,这个不多说
关键的地方其实很简单,最后两行Javascript就是了,起作用的只有最后一行:
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop:滚动条距离顶部的位置
obj.scrollHeight:流动区域的高度
Math.random():获得一个随机数
很简单,有人可能需要,用就拿去,哈哈
PS:IE6 / IE7 / FF2 测试通过
IE7在本地测试时只是每次打开时滚动条位置才不同,刷新却没有变化,但放到网站上之后就正常了
代码如下:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]