国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 北海市| 阿坝县| 福泉市| 荆州市| 万山特区| 安康市| 商南县| 安福县| 黔西| 广平县| 太和县| 托克托县| 丹巴县| 卫辉市| 新邵县| 瑞金市| 祁门县| 尚义县| 灵石县| 开封市| 德州市| 康乐县| 安仁县| 隆昌县| 大厂| 辛集市| 安乡县| 彭山县| 息烽县| 密云县| 淳安县| 兖州市| 云梦县| 莱阳市| 嘉峪关市| 正安县| 马边| 和林格尔县| 延庆县| 芦溪县| 舞阳县|