js实现层的移动与上下层的切换,模仿他人代码 --firefox无法实现

最新推荐文章于 2026-01-07 18:37:22 发布

转载最新推荐文章于 2026-01-07 18:37:22 发布 · 1.2k 阅读

文章标签：

#function #xhtml #javascript #null #html #文档

JAVAScript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用纯HTML和JavaScript实现网页元素拖拽的方法。通过简单的代码示例展示了如何使HTML元素能够跟随鼠标进行拖动，并保持相对位置不变。此方法适用于创建可交互的用户界面组件。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <div id="1234" onMouseDown="f_mdown(this)" onMouseMove="f_move(this)"> <img style="background-color:#cccccc;width:60px;height:60px;"></img>1 </div> <div id="12345" onMouseDown="f_mdown(this)" onMouseMove="f_move(this)"> <img style="background-color:#ccccc;width:60px;height:60px;"></img>2 </div> <div id="12346" onMouseDown="f_mdown(this)" onMouseMove="f_move(this)"> <img style="background-color:#ccccc;width:60px;height:60px;"></img>3 </div> </body> </html>