18th

11.08

Javascript脚本:scrollTo()方法实现滚动效果

No CommentJavascript脚本cngothic

Javascript脚本:scrollTo()方法实现滚动效果
scrollTo()方法:意思是滚动到指定坐标。
scrollBy()方法:意思是滚动到指定像素。
一篇介绍：scrollBy()方法
与scrollBy()意思上有些区别但直到的效果还是一样的。
看scrollTo()方法示例：

  1. <html>
  2.     <head><title>使用scrollTo()方法滚动文档内容 /title>
  3.     <script language="JavaScript">
  4.         <!--
  5.         winObj=window.open("http://www.cngothic.com","mypic",
  6.        "width=250,height=192,resizable=no");  // 打开一个新窗口，显示一个包含图像的HTML页面
  7.         winObj.moveTo(0, 0); //将新窗口移动到屏幕的左上角
  8.         winObj.focus();  //让新窗口显示在其他窗口前面
  9.         var pixelpos=0;  //记录图像的当前显示位置（x坐标）
  10.         var ImgWidth=640;  //设置图像宽度
  11.         var pixelstep = 1;  //设置文档内容滚动速度
  12.         var timeout;
  13.         function startScroll(){
  14.           if (pixelpos <= (ImgWidth - 250)){  //当文档内容未滚动到窗口边界时
  15.              pixelpos += pixelstep; 
  16.              winObj.scrollTo(pixelpos,0);   //将文档滚动到x方向新的位置
  17.           }
  18.           else{  //当文档内容滚动到窗口边界时，将当前图像显示位置置0，重新显示图像
  19.             pixelpos=0;
  20.           }
  21.           timeout=setTimeout("startScroll()",2);  //每隔20毫秒调用一次本函数
  22.        }
  23.        function stopHere(){
  24.           clearTimeout(timeout);  // 通过停止计时器来终止文档内容滚动
  25.        }
  26.        function closeWindow(){  //关闭新创建的窗口
  27.           winObj.close(); 
  28.        }
  29.        //  -->
  30.     </script>
  31.     </head>
  32.     <body bgColor="lightgreen">
  33.     <font face="宋体" size=4 >
  34.     <b><br><center>
  35.     滚动新打开窗口的内容
  36.     <form>
  37.        <input type="button"
  38.           value="开始滚动"
  39.           onClick="startScroll();">
  40.        <input type="button"
  41.           value="停止滚动"
  42.           onClick="stopHere();">
  43.     </form>
  44.     <font size=-1>
  45.     <p>当希望关闭新打开窗口时，请单击下面的链接 <br>
  46.     <a href="javascript:closeWindow()">关闭新打开窗口 </a></h3>
  47.     </body>
  48.     </html>

, ,

14th

11.08

Javascript脚本:setTimeout()方法制作跑马灯

No CommentJavascript脚本cngothic

Javascript脚本:setTimeout()方法制作跑马灯
setTimeout()方法:此方法用于延迟N毫秒后调用X()函数.即setTimeout(x(),1000)
跑马灯特效的思路就是利用setTimeout()方法不断的调用x()函数让其把灯滚动起来.
看下面示例:

  1. <script language="JavaScript">
  2.         <!--
  3.         var today = new Date();
  4.         var year=today.getFullYear()+1;  //得到下一年的年份
  5.         var newYear = new Date(year,1,1);
  6.         var diff = newYear.getTime() - today.getTime();//计算新一年元旦与今天相差的毫秒数
  7.         var days =Math.floor(diff / (1000 * 60 * 60 * 24 ));// 将相差的毫秒数转换为天数
  8.         var str="离"+year+"年元旦还有 " + days + "  天!!!";
  9.         function scroller(){
  10.            str = str.substring(1, str.length) + str.substring(0,1);
  11.            document.title=str;
  12.            window.status=str;
  13.            setTimeout("scroller()", 400);   // 每隔400毫秒调用一次scroller()函数
  14.         }
  15.         scroller();
  16.        //  -->
  17.     </script>

, ,

12th

11.08

Javascript脚本:Function 对象的定义和使用

No CommentJavascript脚本cngothic

Javascript脚本:Function 对象的定义和使用
利用函数对象(Function对象),可以像定义普通对象那样动态地定义函数.
创建函数的语法:var myFunction = new Function(arg1,…,agrN, body)
argN为创建函数的参数, body为函数的主体.看下面示例:

  1. <script language="JavaScript">
  2.       <!--     
  3.         var sumUp = new Function("x", "y", "z", "return x + y + z; ");
  4. //三个参数.x, y, z. 函数主体 return x+y+z 即函数返回的值赋值于所创建的对象
  5. document.write(sumUp.length + "<br />")
  6. //length返回创建sumUp对象函数参数的个数
  7.         window.onload =  new Function ( "document.bgColor='pink';");
  8.         document.write( "sumUp(15,20)的结果为:" + sumUp(15,20,30)+ "<br>");
  9.         document.write( "sumUp()的形式参数个数为:" + sumUp.length+ "<br>");
  10.         document.write( "sumUp()的toString()方法执行结果为:" + sumUp.toString()+ "<br>");
  11.       //-->
  12.     </script>

, ,

8th

11.08

Javascript脚本:随机数-Math对象的random()方法

No CommentJavascript脚本cngothic

Javascript脚本:随机数-Math对象的random()方法
javascript对象Math中的random()方法所产生的随机数是：0-１之间的小数。与vbscript还是有很大差别的。
随机数为什么那怎么利用尼。如果你想用到２位正整数。可以Math.random() * 100　扩大一百倍这样就是两数正整数。然后再用截断函数把随机数取整。要想获取两位负整数前面加个-自己导弄吧。
实例：

  1. var Num1 = Math.floor(Math.random() * 100);
  2.   document.write(Num1 + "<br />");

, , ,

Page 1 of 6123456»