弹出可拖动的div

关注

原创最新推荐文章于 2021-06-07 20:27:28 发布 503 阅读 AI 写同款· GEO 优化 ›

省级产业研发综合指标数据2004-2024年 01、数据介绍产业研发综合指标通常用于衡量各省份在科技创新、研发投入、成果转化及产业发展等方面的综合实力。结合现有的权威评估报告与统计整理如下数据。包括研发机构情况，R&D相关投入，新产品开发与销售、发明专利数、技术引进技术改造经费支出等数据。数据名称：省级产业研发综合指标数据数据年份：2004-2024年 02、数据指标统计年度地区代码地区名称研发机构数(个) R&D人员折合全时当量(人年) R&D经费内部支出(万元) R&D项目数(项) R&D项目经费(万元) 新产品开发项目数(项) 新产品开发经费支出(万元) 新产品销售收入(万元) 新产品销售收入-出口(万元) 专利申请数(件) 发明专利申请数(件) 有效发明专利数(件) 技术改造经费支出(万元) 购买境内技术经费支出(万元) 技术引进经费支出(万元) 消化吸收经费支出(万元) 立即下载

弹出DIV同时加入背景层实现方式很多，有原创也有借助js框架实现的，这些弹出的div功能都比较强悍，实际项目中有时候根本不需要如此般复杂操作，只是弹出div进行数据展现或者是有效的操作而已，以上述的方式加入无疑让简单的东西复杂化，使程序执行效率降低。繁复的东西技术含量的确挺高（EXT），同时不可避免会有其它方面的牺牲，以下弹出DIV简单高效，代码也很简洁，发出了一起看看，全部源代码如下，保存为html文件即可观看运行效果。

/**

** 源码部分开始

**/

<html> <head> <title>可拖动DIV</title> <mce:script type="text/javascript"></mce:script> </head> <body> <input type="button" value="弹出可拖动DIV" onclick="showProc();" /> <div id="message_box" style="position:absolute; left:10%;top:10%;width:80%;height:80%; filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:1000; visibility:hidden"> <div id= "message" style="border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%;">  <div style="background:#666; height:5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff" onmousedown="drag(message_box);return false"> <span style="display:inline;width:150px;position:absolute;font-size:200%">标题项</span> <span onClick="closeProc();" style="float:right;display:inline;cursor:hand;font-size:200%" mce_style="float:right;display:inline;cursor:hand;font-size:200%">×</span> </div> 具体内容，可以是表格也可以是DIV </div> </div> </body> </html>

/**

**源码部分结束

**/