A javascript selector

原创 2008年09月28日 17:39:00
 This is a selector,but there is a problem that it will show an error when you click the body quickly in IE. it's done in FF.i will modifiy it at spare time. If you have some advice,please let me know.

Thanks
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>^_^-Stefli's Selector</title>
  5. <style type="text/css">
  6. body {
  7.     margin: 0px;
  8.     padding: 0px;
  9. }
  10. #layer {
  11.     position:absolute; 
  12.     background:#efefef; 
  13.     width:400px; 
  14.     height:400px; 
  15.     top:0p; 
  16.     left:0px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="layer"></div>
  22. <script type="text/javascript">
  23. var drag;
  24. function Class() {
  25.     this.id = 1;
  26.     this.x;
  27.     this.y;
  28.     this.obj;
  29.     
  30.     eval(this.obj + "=this");
  31.     this.initial = function() {
  32.         this.obj = document.createElement("DIV");
  33.         $("layer").appendChild(this.obj);
  34.         with(this.obj) {
  35.             id = this.id;
  36.             this.obj.style.position = "absolute";
  37.             this.obj.style.border = "1px solid #00f";
  38.             this.obj.style.lineHeight = "0px";
  39.             this.obj.style.display = "none";
  40.             thisthis.id = this.id + 1;
  41.         }
  42.     }
  43.     this.move = function(x, y) {
  44.         this.x = x;
  45.         this.y = y;
  46.         this.obj.style.left = x;
  47.         this.obj.style.top = y;
  48.     }
  49.     this.draw = function(e) {
  50.         this.obj.style.display = "";
  51.         var px = (e.clientX - this.x)>0?this.x:e.clientX;
  52.         var py = (e.clientY - this.y)>0?this.y:e.clientY;
  53.         if(e.clientX==this.x) {
  54.             this.obj.style.borderLeft = "0px";
  55.         } else {
  56.             this.obj.style.borderLeft = "1px solid #00f";
  57.         }
  58.         if(e.clientY==this.y) {
  59.             this.obj.style.borderTop = "0px";
  60.         } else {
  61.             this.obj.style.borderTop = "1px solid #00f";
  62.         }
  63.         this.obj.style.left = px;
  64.         this.obj.style.top = py;
  65.         this.obj.style.width = Math.abs(e.clientX - this.x);
  66.         this.obj.style.height =  Math.abs(e.clientY - this.y);
  67.     }
  68.     this.clear = function() {
  69.         $("layer").removeChild(this.obj);
  70.     }
  71.     this.initial();
  72. }
  73. function setup(e) {
  74.     drag = true;
  75.     a = new Class();
  76.     ee = e?e:window.event;
  77.     a.move(e.clientX, e.clientY);
  78. }
  79. function draw(e) {
  80.     ee = e?e:window.event;
  81.     if(drag) {
  82.         a.draw(e);
  83.     }
  84. }
  85. function clear() {
  86.     drag = false;
  87.     a.clear();
  88. }
  89. function $(id) {
  90.     return document.getElementById(id);
  91. }
  92. $("layer").onmousedown = setup;
  93. $("layer").onmousemove = draw;
  94. $("layer").onmouseup = clear;
  95. </script>
  96. </body>
  97. </html>

Appium源码分析(7)-status模块

该模块中定义了36种不同的状态,以及状态的解释信息,还有一个模块方法,这个模块相对简单 36种状态1个json字符串定义了36个元素,每一元素代表了一个状态,每一个状态有一个名称,然后对应一个json...
  • qhshiniba
  • qhshiniba
  • 2015年05月04日 15:18
  • 4798

Netty为啥可靠(二)

Selector空轮询处理 在NIO中通过Selector的轮询当前是否有IO事件,根据JDK NIO api描述,Selector的select方法会一直阻塞,直到IO事件达到或超时,但是在Linu...
  • pentiumchen
  • pentiumchen
  • 2015年04月18日 22:14
  • 3615

NIO框架之MINA源码解析(二):mina核心引擎

MINA的底层还是利用了jdk提供了nio功能,mina只是对nio进行封装,包括MINA用的线程池都是jdk直接提供的。MINA的server端主要有accept、processor、session...
  • MINEZHANGHAO
  • MINEZHANGHAO
  • 2014年09月03日 08:42
  • 5236

深入理解javascript选择器API系列第三篇——HTML5新增的3种selector方法

前面的话   尽管DOM作为API已经非常完善了,但是为了实现更多的功能,DOM仍然进行了扩展,其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞,很多是由于jQuery方便的元素...
  • nicexibeidage
  • nicexibeidage
  • 2017年12月20日 11:57
  • 37

flight-selector

  • 2014年12月08日 15:06
  • 525KB
  • 下载

Java Nio selector例程

  • 2016年06月13日 18:39
  • 1.71MB
  • 下载

浅谈android的selector背景选择器

  • 2013年08月18日 19:56
  • 34KB
  • 下载

ListView Button ImageView 里应用selector选择器切换图片并保持住

  • 2015年06月07日 12:03
  • 1.33MB
  • 下载

WebDriver xpath css selector

  • 2014年07月03日 10:26
  • 1.44MB
  • 下载

Webdriver element selector

  • 2014年07月03日 10:21
  • 1.38MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:A javascript selector
举报原因:
原因补充:

(最多只允许输入30个字)