p287ieonly_draganddrop.htm

来自「javascript source code part2」· HTM 代码 · 共 41 行

HTM
41 行
字号 
<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>

p287ieonly_draganddrop.htm - 源码说明

本页面展示了「javascript source code part2」中的 p287ieonly_draganddrop.htm 源码文件，采用 HTM 编程语言编写，共 41 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?