javascript实现拖拽并替换网页块元素

站长资源 2025/10/13 佚名

44 1538 44

南强小屋 Design By 杰米

找了一些现成的插件，发现都不太符合我的需求，于是参考网上的例子自己实现了一个，还没有优化。

还是贴代码吧：
dragtoreplace
<!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>DragToReplaceDeom</title> <style> #displayRoom{background:#eee;position:relative;float:left;clear:both;padding:30px 0px 0px 20px;margin-left:20px;margin-top:10px;} .row{display:inline-block;float:left;width:90px;clear:none;top:0;/**//*background:#DFEFFC;*/} .row span{display:inline-block;width:60px;clear:none;background:#9192B1;height:30px;line-height:30px;margin-bottom:30px;text-align:center;} span.usr{cursor:pointer;position:absolute;display:inline-block;width:60px;clear:none;height:30px;line-height:30px;margin-bottom:30px;text-align:center;background:#4DA74D;color:#fff;} span.usr.catch{background:#BD9B33!important;} </style> </head> <body> 学生甲学生乙学生一 </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

javascript,拖拽

标签：

javascript,拖拽

南强小屋 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

南强小屋 Design By 杰米

评论“javascript实现拖拽并替换网页块元素”

暂无javascript实现拖拽并替换网页块元素的评论...

javascript实现拖拽并替换网页块元素

javascript,拖拽

javascript 设置文本框中焦点的位置

ExtJS Grid使用SimpleStore、多选框的方法

评论“javascript实现拖拽并替换网页块元素”

友情链接