Javascript实现可以拖动的层示例

发布时间：2018-08-18 14:47:17 所属栏目：创业来源：站长网

导读：猛火网(LieHuo.Net)教程帮一伴侣姑且写的《javascript实现可以拖动的层示例(层拖动，兼容IE/FF) 》，感受还算简捷，结果也还不错，记下来，停止下次再造轮子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1

　　猛火网(LieHuo.Net)教程帮一伴侣姑且写的《javascript实现可以拖动的层示例(层拖动，兼容IE/FF) 》，感受还算简捷，结果也还不错，记下来，停止下次再造轮子。

<!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> <title><b>Java</b>script实现可以拖动的层示例 - 猛火网(LIEHUO.NET)</title> <style type="text/css"> #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} </style> </head> <body> <center>猛火网(LIEHUO.NET)提醒，用鼠标拖动下面的层试试看！</center> <div id="main"> <div style="left:100px;top:100px;background:#fc9;" onmousedown="$(this,event)">1</div> <div style="left:400px;top:100px;background:#9cf;" onmousedown="$(this,event)">2</div> <div style="left:700px;top:100px;background:#f9c;" onmousedown="$(this,event)">3</div> <div style="left:100px;top:300px;background:#9fc;" onmousedown="$(this,event)">4</div> <div style="left:400px;top:300px;background:#c9f;" onmousedown="$(this,event)">5</div> <div style="left:700px;top:300px;background:#cf9;" onmousedown="$(this,event)">6</div> </div> </body> </html>
提醒：可修改儿女码再运行!

　　本文原创颁发于博客园，作者：丁学，原文地点：http://www.cnblogs.com/dingxue/archive/2009/09/14/1566091.html

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网