📄 p287ieonly_draganddrop.htm

📁 javascript source code part2

💻 HTM

字号:

<HTML>
   <HEAD>
      <STYLE> #zephyr { position: absolute; left: 0; top: 0;} </STYLE>
      <SCRIPT>
         var primed = false;
         var new_x = 0;
         var new_y = 0;

         function set_drag() { 
            if (!  window.primed && window.event.srcElement == document.all.zephyr)
               window.primed = true;
            else 
               window.primed = false;
         }

         function handle_move()
         {
            if ( window.primed == true)
            {
               window.new_x = window.event.x;
               window.new_y = window.event.y;
               setTimeout("drag_it()",1);
            }
         }

         function drag_it()
         {
            with ( window.document.all.zephyr.style )
            {
               pixelLeft = window.new_x - pixelWidth/2;
               pixelTop  = window.new_y - pixelHeight/2;
            }
         }

      </SCRIPT>
   </HEAD>
   <BODY ONMOUSEMOVE="handle_move()" ONCLICK="set_drag();">
      <IMG ID="zephyr" SRC="balloon.gif"></IMG>
   </BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -