您的位置:首页 > Web前端 > JavaScript

DIV中滚动条设置到随机位置(CSS+Javascript)

2012-01-10 01:51 507 查看
刚才一个朋友告诉我他的blog友情链接太多了,所以把所有链接放到一个div中,加了个滚动条,可是他又不想每次别人来看,看到的都是前面几个链接,于是问我有没有什么办法,想了一个,呵呵,正好有个办法
style后面用于限定div样式并加滚动条,这个不多说
关键的地方其实很简单,最后两行javascript就是了,起作用的只有最后一行:
obj.scrolltop=obj.scrollheight*(math.random());
obj.scrolltop:滚动条距离顶部的位置
obj.scrollheight:流动区域的高度
math.random():获得一个随机数
很简单,有人可能需要,用就拿去,哈哈
ps:ie6 / ie7 / ff2 测试通过
ie7在本地测试时只是每次打开时滚动条位置才不同,刷新却没有变化,但放到网站上之后就正常了
代码如下:
div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;">
li>01li>li>02li>li>03li>li>04li>li>05li>li>06li>li>07li>li>08li>
li>09li>li>10li>li>11li>li>12li>li>13li>li>14li>li>15li>li>16li>
li>17li>li>18li>li>19li>li>20li>li>21li>li>22li>li>23li>li>24li>
li>25li>li>26li>li>27li>li>28li>li>29li>li>30li>li>31li>li>32li>
li>33li>li>34li>li>35li>li>36li>li>37li>li>38li>li>39li>li>40li>
li>41li>li>42li>li>43li>li>44li>li>45li>li>46li>li>47li>li>48li>
div>
script>
var obj = document.getelementbyid("cc");
obj.scrolltop=obj.scrollheight*(math.random());
script>
版权声明:本文原创发表于博客园,作者为丁学
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则视为侵权。
标签:
css, javascript,
滚动条
绿色通道:好文要顶关注我收藏该文与我联系



======================================================

在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定
这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: