国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

DIV滾動條隨機位置的設置技巧

2024-07-11 08:21:34
字體:
來源:轉載
供稿:網友

剛才一個朋友告訴我他的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>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li>
<li>09</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li>
<li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li>
<li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li>
<li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li>
<li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li>
</div>
<script>
var obj = document.getelementbyid("cc");
obj.scrolltop
=obj.scrollheight*(math.random());
</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 德江县| 尚志市| 东乡族自治县| 普安县| 七台河市| 兴宁市| 广元市| 武胜县| 龙井市| 兴山县| 梁平县| 苍溪县| 信阳市| 德保县| 江陵县| 慈溪市| 哈尔滨市| 襄城县| 石林| 龙州县| 通道| 苏尼特右旗| 梨树县| 丰台区| 临湘市| 晋州市| 东台市| 柯坪县| 崇阳县| 延庆县| 余姚市| 兰西县| 东平县| 嘉祥县| 宿迁市| 台中县| 贞丰县| 临潭县| 特克斯县| 卓资县| 南康市|