- 浏览: 182500 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (153)
- 小技巧 (14)
- spring (3)
- struts2 (20)
- hibernate (0)
- java api (2)
- java se (8)
- jsp/servlet (4)
- oracle (0)
- mysql (1)
- ms sqlserver (1)
- js (30)
- jquery (8)
- ajax (2)
- .net (1)
- 软件 (1)
- j2ee (25)
- 网址收藏 (3)
- web综合 (9)
- web打印控件 (3)
- fckeditor (2)
- Groovy (1)
- PHP (5)
- 项目管理 (1)
- SEO (1)
- PostgreSQL (5)
- CKeditor (1)
- Fusion chart (1)
- 网页播放器 (1)
- 曾遇bug (3)
- java日志 (1)
- linux/Unix/CentOs (5)
- VBA (1)
- C# (0)
- 日期控件 (1)
- tomcat (2)
- cookies (1)
- java7 (1)
- JAVA文件操作 (2)
- hibernate;ehcache (2)
- 缓存 (1)
- dd (0)
- DB (1)
- android (2)
最新评论
-
flyingbin:
沙发,不过从头到尾没怎么看懂~
Windows密码本地破解通用方法 -
jfeimao:
credentialsToPrincipalResolvers ...
CAS(单点登陆)---总结一 -
haige18:
这两张图片引用的是网易的地址,现在资源有可能被删除了,所以就显 ...
Struts2中的Value Stack/Stack Context -
fengzhisha0914:
我的图片也不显示了..为何...
Struts2中的Value Stack/Stack Context -
greatwqs:
java.lang.IllegalStateException ...
java.lang.IllegalStateException:Cannot forward after response has been committed
<html> <head> <title>DRAG the DIV</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> *{font-size:12px} .dragTable{ font-size:12px; border-top:1px solid #3366cc; margin-bottom: 10px; width:100%; background-color:#FFFFFF; } td{vertical-align:top;} .dragTR{ cursor:move; color:#7787cc; background-color:#e5eef9; height:20px; padding-left:5px; font-weight:bold; } #parentTable{ border-collapse:collapse; letter-spacing:25px; } </style> <script defer> /****JoeLee************E-MAIL:hktx@163.com****QQ:48293707*****11:09 2006-2-9******/ var Drag={dragged:false, ao:null, tdiv:null, dragStart:function(){ Drag.ao=event.srcElement; if((Drag.ao.tagName=="TD")||(Drag.ao.tagName=="TR")){ Drag.ao=Drag.ao.offsetParent; Drag.ao.style.zIndex=100; }else return; Drag.dragged=true; Drag.tdiv=document.createElement("div"); Drag.tdiv.innerHTML=Drag.ao.outerHTML; Drag.ao.style.border="1px dashed red"; Drag.tdiv.style.display="block"; Drag.tdiv.style.position="absolute"; Drag.tdiv.style.filter="alpha(opacity=70)"; Drag.tdiv.style.cursor="move"; Drag.tdiv.style.border="1px solid #000000"; Drag.tdiv.style.width=Drag.ao.offsetWidth; Drag.tdiv.style.height=Drag.ao.offsetHeight; Drag.tdiv.style.top=Drag.getInfo(Drag.ao).top; Drag.tdiv.style.left=Drag.getInfo(Drag.ao).left; document.body.appendChild(Drag.tdiv); Drag.lastX=event.clientX; Drag.lastY=event.clientY; Drag.lastLeft=Drag.tdiv.style.left; Drag.lastTop=Drag.tdiv.style.top; }, draging:function(){//重要:判断MOUSE的位置 if(!Drag.dragged||Drag.ao==null)return; var tX=event.clientX; var tY=event.clientY; Drag.tdiv.style.left=parseInt(Drag.lastLeft)+tX-Drag.lastX; Drag.tdiv.style.top=parseInt(Drag.lastTop)+tY-Drag.lastY; for(var i=0;i<parentTable.cells.length;i++){ var parentCell=Drag.getInfo(parentTable.cells[i]); if(tX>=parentCell.left && tX<=parentCell.right && tY>=parentCell.top && tY<=parentCell.bottom){ var subTables=parentTable.cells[i].getElementsByTagName("table"); if(subTables.length==0){ if(tX>=parentCell.left && tX<=parentCell.right && tY>=parentCell.top && tY<=parentCell.bottom){ parentTable.cells[i].appendChild(Drag.ao); } break; } for(var j=0;j<subTables.length;j++){ var subTable=Drag.getInfo(subTables[j]); if(tX>=subTable.left && tX<=subTable.right && tY>=subTable.top && tY<=subTable.bottom){ parentTable.cells[i].insertBefore(Drag.ao,subTables[j]); break; }else{ parentTable.cells[i].appendChild(Drag.ao); } } } } } , dragEnd:function(){ if(!Drag.dragged)return; Drag.dragged=false; Drag.mm=Drag.repos(150,15); Drag.ao.style.borderWidth="0px"; Drag.ao.style.borderTop="1px solid #3366cc"; Drag.tdiv.style.borderWidth="0px"; Drag.ao.style.zIndex=1; }, getInfo:function(o){//取得坐标 var to=new Object(); to.left=to.right=to.top=to.bottom=0; var twidth=o.offsetWidth; var theight=o.offsetHeight; while(o!=document.body){ to.left+=o.offsetLeft; to.top+=o.offsetTop; o=o.offsetParent; } to.right=to.left+twidth; to.bottom=to.top+theight; return to; }, repos:function(aa,ab){ var f=Drag.tdiv.filters.alpha.opacity; var tl=parseInt(Drag.getInfo(Drag.tdiv).left); var tt=parseInt(Drag.getInfo(Drag.tdiv).top); var kl=(tl-Drag.getInfo(Drag.ao).left)/ab; var kt=(tt-Drag.getInfo(Drag.ao).top)/ab; var kf=f/ab; return setInterval(function(){if(ab<1){ clearInterval(Drag.mm); Drag.tdiv.removeNode(true); Drag.ao=null; return; } ab--; tl-=kl; tt-=kt; f-=kf; Drag.tdiv.style.left=parseInt(tl)+"px"; Drag.tdiv.style.top=parseInt(tt)+"px"; Drag.tdiv.filters.alpha.opacity=f; } ,aa/ab) }, inint:function(){//初始化 for(var i=0;i<parentTable.cells.length;i++){ var subTables=parentTable.cells[i].getElementsByTagName("table"); for(var j=0;j<subTables.length;j++){ if(subTables[j].className!="dragTable")break; subTables[j].rows[0].className="dragTR"; subTables[j].rows[0].attachEvent("onmousedown",Drag.dragStart); } } document.onmousemove=Drag.draging; document.onmouseup=Drag.dragEnd; } //end of Object Drag } Drag.inint(); function _show(str){ var w=window.open('',''); var d=w.document; d.open(); str=str.replace(/=(?!")(.*?)(?!")( |>)/g,"=\"$1\"$2"); str=str.replace(/(<)(.*?)(>)/g,"<span style='color:red;'><$2></span><br />"); str=str.replace(/\r/g,"<br />\n"); d.write(str); } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="10" width="100%" height=500 id="parentTable"> <tr > <td width="25%" valgin="top"> <table border=0 class="dragTable" cellspacing="0"> <tr> <td><b>GMAIL</b></td> </tr> <tr> <td>暂时无法显示GMAIL内容</td> <tr> </table><table border=0 class="dragTable" cellspacing="0"> <tr> <td>新浪体育</td> </tr> <tr> <td>解剖威队独门利器FW28 2万转引擎匹配超级变速器颁奖:辛吉斯欣喜能以冠军起步<br/> 印度搭档创下纪录法新社前瞻冬奥短道速滑:中韩唱主角 美加施冷箭</td> <tr> </table> <table border=0 class="dragTable" cellspacing="0"> <tr> <td>焦点</td> </tr> <tr> <td>京广线中断4小时20临客返汉晚点 中国新闻网-湖北分社 - 所有 235 相关报道 »哈马斯已有总理人选 解放日报报业集团 - 所有 489 相关报道 »陈水扁是两岸关系麻烦制造者 武汉晨报 - 所有 179 相关报道 »</td> <tr> </table> </td> <td width="25%"> <table border=0 class="dragTable" cellspacing="0"> <tr> <td>中关村在线</td> </tr> <tr> <td>新年行情速递 双敏板卡低价推荐 终于等到了,映泰6600GT一降降一百 罗技G15游戏键盘热力促销,代购价仅529元 </td> <tr> </table></td> <td width="25%"> <table border=0 class="dragTable" cellspacing="0"> <tr> <td>网易商业</td> </tr> <tr> <td>上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市</td> <tr> </table> <table border=0 class="dragTable" cellspacing="0"> <tr> <td>黑可天下</td> </tr> <tr> <td>上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市</td> <tr> </table> </td> </tr> </table> <input type="button" value="SHOW" onClick="_show(document.documentElement.innerHTML)" /> </body> </html>
效果: 每个栏目可以任意拖动,改变位置
发表评论
-
IE6在打开窗口中提交表单无返回的解决方法
2012-06-15 15:47 803最近项目中使用了window.open()函数打开新窗口,并 ... -
MiniUI - 快速开发WebUI
2012-05-23 16:31 1153http://www.miniui.com/ ... -
使用jQuery操作Cookies
2012-04-25 11:19 826Cookies是一种能够让网站服务器把少量数据储存到客户端的硬 ... -
回车登录 鼠标焦点到某个具体对象上
2010-12-15 22:09 864<script language="javas ... -
页面校验通用js
2010-11-22 10:45 1085/**************************** ... -
来自CSDN的js代码大全,害怕忘了(下)
2010-10-30 15:35 687写道 //图象按比例 <script languag ... -
来自CSDN的js代码大全,害怕忘了(上)
2010-10-30 15:27 1007写道 事件源对象 event.srcElement.tagN ... -
javascript 返回上一页
2010-10-30 13:33 8191. history.go(-1), 返回两个页面: hi ... -
JS 弹出小窗口
2010-10-30 13:15 923<body> <div ali ... -
页码自动适应范围的分页代码
2010-10-30 12:55 653http://www.alixixi.com/Dev/Web/ ... -
令人震撼的图片展示效果
2010-10-30 12:52 608http://www.alixixi.com/Dev/HTML ... -
上传图片前的预览效果特效
2010-10-30 12:46 857<script> function yulan( ... -
类似MSN提示的页面效果
2010-10-30 12:40 657<html> <head> < ... -
JS省市二级联动网页特效菜单
2010-10-30 12:25 835<html> <head> ... -
距离2008北京奥运会开幕倒计时网页特效[js]
2010-10-30 12:17 854距离北京奥运会开幕还有 <br> <ht ... -
值得收藏的带自动选项卡生成的后台管理界面
2010-10-30 12:00 854<!DOCTYPE html PUBLIC " ... -
动态打开层及关闭层超酷特效
2010-10-30 11:56 798动画打开层及关闭层效果,可拖动层.以下是HTML网页特效代码 ... -
动态删减选项卡的效果示例
2010-10-30 11:53 805<html> <head> &l ... -
仿windows选项卡特效4
2010-10-30 11:30 774<!DOCTYPE HTML PUBLIC " ... -
JS 图片上传前预览 ImagePreviewd
2010-10-27 21:14 1292JS文件CJL.0.1.min.js内容如下: eval_r ...
相关推荐
很好用的图层制作工具。之前有尝试过很多版本,有些功能不全,有些用着麻烦。这个工具界面简单功能也够用。
分段功能:选中“分段”则开启该功能,后面选择对应的列。...kml&kmz:kml:文件较大,图层使用编辑器打开后可编辑。kmz:文件很小,适合发送。图层不可使用编辑器编辑。 颜色:点:选择对应的图像即可,包含了googl
一个简单的鼠标拖曳图层效果,简单JS代码实现的鼠标拖曳图层效果,比较精简,大家参考一下。
谷歌图层生成工具1.7更新:2020年3月2日 1、添加文件判断,更新多次写入数据导致的图层错误 谷歌图层生成工具1.8更新:2020年3月2日 1、基于1.6功能,增加扇区分类 谷歌图层生成工具1.81更新:2020年4月25日 1、...
彩虹效果 PSD原版 图层效果 细节PS效果分享
高德地图图层效果
在原有的路径规划功能中添加在地图中添加自定义图层,并使图层跟随地图移动而移动,点击图层时可获取图层所在位置的现实坐标,可以用在查找自定义位置周围的酒店、出租车等等应用中
html图层效果,平板画效果
Arcgis Engine 添加shp.lyr图层,删除图层,移动图层,更改图例符号,属性查询,鹰眼的实现。
Google转Map图层
高德地图图层效果.rar
1.3图层与图层效果.pdf
比较实用的一个小工具,模式简便,缺点就是信息较少 ,对于简单只做点图层是不错的选择!
可实现图层上下移动切换的JS代码
全屏漂浮广告图层效果源码免费下载
GOOGLE图层制作工具kmlgenerator
Excel格式经纬度转换为谷歌地图图层
谷歌地球图层制作
可关闭可拖动的图层窗口代码
奥维谷歌高清图层 谷歌地图 奥维地图添加谷歌地图 奥维最新图源 奥维互动地图谷歌图源 谷歌卫星 谷歌地图2023最新图源 奥维图源 天地图 免费图源 图层 免费图层 谷歌高清 谷歌地球 奥维2023 谷歌2023 天地图2023 ...