Chinaunix首页 | 论坛 | 博客

CrowTLFcrowtlf.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

crowtlf

  • 博客访问： 243209
  • 博文数量： 108
  • 博客积分： 3045
  • 博客等级： 中校
  • 技术积分： 1162
  • 用 户 组： 普通用户
  • 注册时间： 2007-04-19 18:26
文章分类

全部博文（108）

推荐博文
js_事件对象_1

分类： JavaScript

2013-11-27 13:37:06


点击(此处)折叠或打开

  1. <!--小人走动-->
  2. <body onkeydown="opt">
  3. <img border="0" style="postion:absolute;left:0px;top:0px;" id="ren" src="images/ren_q_1.gif">

  5. <script>
  6.     //获取图片名
  7.     function basename(url){
  8.         var loc=url.lastIndexOf("/")+1;

  10.         return url.substr(loc);
  11.     }

  13.     //创建人图片对象
  14.     var ren=document.getElementById("ren");

  16.     function changetu(){
  17.         //    alert(basename(ren.src));
  18.         //    alert(basename(ren.src).charAt(6));
  19.         if(basename(ren.src).charAt(6)=="1"){
  20.             ren.src="image/ren_"+fx+"_2.gif";
  21.         }else{
  22.         ren.src="image/ren_"+fx+"_1.gif";
  23.         }
  24.     }

  26.     setInterval(function(){
  27.         changetu();
  28.         run();
  29.     },100)
  30.     var x=0;
  31.     var y=0;
  32.     var xs=0;
  33.     var ys=0;
  34.     function run(){
  35.         x+=xs;
  36.         y+=ys;
  37.         ren.style.top=y;
  38.         ren.style.left=x;
  39.     }

  41.     function opt(){
  42.         var code=event.keyCode;
  43.         switch(code){
  44.             //左
  45.             case 37:
  46.             ys=0;
  47.             xs=-5;
  48.             fx="l";
  49.             break;
  50.             //右
  51.             case 39:
  52.             fx="r";
  53.             ys=0;
  54.             xs=+5;
  55.             break;
  56.             //上
  57.             case 38:
  58.             fx="h";
  59.             xs=0;
  60.             ys=-5;
  61.             break;
  62.             //下
  63.             case 40:
  64.             fx="p";
  65.             xs=0;
  66.             ys=5;
  67.             break;
  68.         }
  69.     }
  70. //    changetu();
  71. </script>
  72. </body>


点击(此处)折叠或打开

  1. <!--
  2. 停止及重新开始定时器

  4. -->
  5. <div id="one" style="color:red;font-size:10cm;text-align:center;">0</div>
  6. <body onkeydown="show()">
  7.     <script>
  8.         var one=document.getElementById("one");
  9.         var i=1;
  10.         var dt=null;

  12.         function stop(){
  13.             clearInterval(dt);
  14.         }

  16.         function star(){
  17.              dt=setInterval(function(){
  18.             one.innerText=i;
  19.             i++;
  20.             },100);

  22.         }

  24.         star();

  26.     </script>
  27. </body>

  29. <input type="button" onclick="stop()" value="stop">
  30. <input type="button" onclick="star()" value="star">


点击(此处)折叠或打开

  1. <!--
  2. 停止定时器

  4. -->
  5. <div id="one" style="color:red;font-size:10cm;text-align:center;">0</div>
  6. <body onkeydown="show()">
  7.     <script>
  8.         var one=document.getElementById("one");
  9.         var i=1;
  10.         var dt=setInterval(function(){
  11.             one.innerText=i;
  12.             i++;
  13.         },100);

  15.         function stop(){
  16.             clearInterval(dt);
  17.         }
  18.     </script>
  19. </body>

  21. <input type="button" onclick="stop()" value="stop()">


点击(此处)折叠或打开

  1. <!--每隔1秒显示一个数字,动态
  2. setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
  3. setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

  5. -->
  6. <div id="one" style="color:red;font-size:10cm;text-align:center;">0</div>
  7. <body onkeydown="show()">
  8.     <script>
  9.         var one=document.getElementById("one");
  10.         var i=1;
  11.         setInterval(function(){
  12.             one.innerText=i;
  13.             i++;
  14.         },1000);
  15.     </script>
  16. </body>


点击(此处)折叠或打开

  1. <!--显示全部键盘码 -->
  2. <body onkeydown="show()">
  3.     <script>
  4.         function show(){
  5.         alert (event.keyCode);
  6.         }
  7.     </script>
  8. </body>


点击(此处)折叠或打开

  1. //键盘码27 是ESC键 按此键时关掉网页
  2. <body onkeypress="show()">
  3.     <script>
  4.         function show(){
  5.             if(event.keyCode=="27")
  6.             windows.close();
  7.         }
  8.     </script>
  9. </body>


点击(此处)折叠或打开

  1. //显示字母键的键盘码,非全部键码
  2. <body onkeypress="show()">
  3.     <script>
  4.         function show(){
  5.             alert(event.keyCode);
  6.         }
  7.     </script>
  8. </body>


点击(此处)折叠或打开

  1. //输入字母变成大写
  2. <input type="text" onkeyup="if(this.value=this.value.toUpperCase()) this.value=this.value.toUpperCase()">


点击(此处)折叠或打开

  1. <div onclick="show()">aaaaaaaaaaaa</div>
  2. <h2 onclick="show()">bbbbbbbbbbbbb</h2>
  3. <p onclick="show()">ppppppppp</p>

  5. <script>
  6.     //改变标签中的内容
  7.     function show(){
  8.         event.srcElement.innerText='abc';
  9.     }
  10. </script>


点击(此处)折叠或打开

  1. <div onclick="show(this)">aaaaaaaaaaaa</div>
  2. <h2 onclick="show(this)">bbbbbbbbbbbbb</h2>
  3. <p onclick="show(this)">ppppppppp</p>

  5. <script>
  6.     //显示标签中的内容
  7.     function show(obj){
  8.         alert(obj.innerText);
  9.     }
  10. </script>


点击(此处)折叠或打开


阅读(432) | 评论(0) | 转发(0) |
0

上一篇：js_事件_1

下一篇：js_事件对象_2

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6