易截截图软件、单文件、免安装、纯绿色、仅160KB

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

刚才一个朋友告诉我他的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>


相关文档:

DHTML (JavaScript Dom 编程艺术)

 DHTML是""dynamic HTML"(动态HTML)的简称.严格地说,DHTML并不是一项单一的新技术,而是HTML,CSS和JavaScript这三种技术结合的产物.
DHTML背后的含义:
           利用HTML把网页标记为各种元素;
       &nbs ......

JavaScript 获取客户端计算机硬件及系统信息

JavaScript 获取客户端计算机硬件及系统信息
通过WMI来实现获取客户端计算机硬件及系统信息:
1//系统信息获取
2function getSysInfo(){
3 var locator = new ActiveXObject ("WbemScripting.SWbemLocator");
4 var service = locator.ConnectServer(".");
5 //CPU信息
6 var cpu = new Enu ......

↑→40种网页常用小技巧(javascript)←↓

 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="re ......

javascript object array string converter

 function object2String(obj)
{
var val, output = "";
if (obj)
{
output += "{";
for (var i in obj)
{
val = obj[i];
switch (typeof val)
{
case ("object"):if (val[0]){output += i + ":" + array2String(val) + &qu ......

JavaScript Array Note

/*
由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素
可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了.
并且在这点上说javascript作为一种脚本语言不同于那种严格的面向对象的c++.c#,java了.具有更高的灵活性.
*/
/*
在javascript ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号