来看看：DIV转动条随机地位的设置技能
现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。方才一个伴侣告知我他的blog友谊链接太多了，以是把一切链接放到一个DIV中，加了个转动条，但是他又不想每次他人来看，看到的都是后面几个链接，因而问我有无甚么举措，想了一个，呵呵，恰好有个举措
style前面用于限制DIV款式并加转动条，这个未几说
关头的中央实在很复杂，最初两行Javascript就是了，起感化的只要最初一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：转动条间隔顶部的地位
obj.scrollHeight：活动地区的高度
Math.random()：取得一个随机数
很复杂，有人大概必要，用就拿往，哈哈
PS：IE6/IE7/FF2测试经由过程
IE7在当地测试时只是每次翻开时转动条地位才分歧，革新却没有变更，但放到网站上以后就一般了
代码以下：
<divid="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>
varobj=document.getElementById("cc");
obj.scrollTop=obj.scrollHeight*(Math.random());
</script>
使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
页:
[1]