- 浏览: 214531 次
- 性别:
- 来自: 珠海
文章分类
- 全部博客 (125)
- 淘宝导购 (0)
- Google Android (18)
- J2EE (16)
- J2SE (4)
- SQL (6)
- C# (6)
- WinForm (5)
- ASP.NET (2)
- ASP.NET Ajax (0)
- flex--ActionScript (14)
- Windows (13)
- Linux (11)
- Eclipse (4)
- Oracle (2)
- MySql (8)
- J2EE Hibernate (4)
- J2EE Spring (2)
- J2EE Ajax (2)
- J2EE Struts (0)
- struts spring hibernate (1)
- javaScript_css_html (10)
- UML (1)
最新评论
-
xufun:
路过,学习
反编译Apk得到Java源代码 -
xiaoane:
the second way is usefull :-)
解决mysql“Access denied for user 'root'@'localhost'” -
yaoneng:
这个没什么,只是一个思想
actionScript键盘控制 物体移动 -
lakewalker:
这个不咋地啊
actionScript键盘控制 物体移动 -
jenlp520:
yaoba 写道
JsonConfig jsonConfig ...
hibernate List 转JSON发生错的解决方法
<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>
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>
发表评论
-
Java W3C 生成 XML
2012-03-20 00:56 1145import java.io.File; import ... -
java连接Mysql
2011-11-24 14:56 1440import java.sql.Connection; ... -
java历遍HashMap
2011-11-23 20:27 1360第一种: Map map = new HashMap(); I ... -
j2ee获取客户端参数集
2010-07-31 10:16 995package javacommon.util; ... -
自定义el
2010-07-30 12:53 795<?xml version="1.0&q ... -
svn for windows
2010-03-18 11:44 966新建一个.bat文件,编辑以下内容,再运行 sc cr ... -
javascript 练习
2010-03-01 17:07 834var lastDivId; function showCo ... -
web.xml加载spring 时要注意的问题
2010-02-26 20:14 1205<!-- spring配置 --> ... -
查看对象占用的内存大小
2010-02-24 19:25 1503Runtime.getRuntime() ... -
jsp调用spring bean
2010-02-10 14:13 1326ApplicationContext ... -
JSTL配置问题:According to TLD or attribute directive in tag file
2010-02-09 22:24 926JSTL配置问题:According to TLD or at ... -
JSTL出错 According to TLD or attribute directive in tag file
2010-02-09 22:16 859今天搞JSTL时,发现了一个很大问题,JSTL什么语法都没错的 ... -
jsp调用fckeditor
2010-02-06 01:50 1074<%@ taglib uri="http ... -
JAVA计算两个日期之间的天数
2008-12-11 13:07 2816计算两个日期之间的天数 public static void ... -
Tomcat5.5.15的默认登录密码
2008-12-11 12:56 1494<?xml version='1.0' encoding ...
相关推荐
仿Google个性首页的自定义页面布局,自由拖动,个性布局
仿google个性化首页模块拖拽效果 随便拖放在页面一个位置,就停止在那
AjaxPro.dll实例,ASP.NET个性网页拖动,仿Google首页
4.分类页包含个性化的title、meta,易于搜索引擎收录! 5.自带20张通用背景和20张2345独家背景,总共40张换肤背景图. 6.配有三处广告展示位,分别在 "国内名站"下方 一行文本广告区. 右侧两处图片广告区. 请自行修改...
百度、淘宝、迅雷、搜狗、谷歌、狗狗、当当、卓越等联盟帐号的集成,增加隐性的收入,你只要去申请一个他们联盟的帐号,然后在后台添加帐号即可,马上用户在使用您的网站搜索时即可产生效益! 百豆搜网址导航系统...
介绍:13980是一个个人网络浏览页面,按一下就可以找到您最喜爱的网站,如百度,谷歌,淘宝,开心网等。也可以听在线广播! 版本:1.0 (Beta) 演示:http://www.13980.com 功能: 目前只支持以下内容: 1、分为Rss订阅...
目前唯一一套"带后台" "带换肤"的精仿2345的开源程序. 自带20张通用背景和20张2345独家背景,总共40张换肤背景图。网址导航系统简介:1.本套程序依照2345网站布局结构精心仿制模板.2.本程序是基于SDCMS 内核,程序...
Google jsapi图片特效-层叠窗口效果的个性相册展示代码,相册采用JS模仿Windows窗口的形式,用鼠标点击图片外框,如果图片不在顶层的话,会显示在最顶层,当然这些相片也是可以拖动的,只是不能拖动改变相框大小,...
YESIR520是一个提供个性化主页服务的网站,类似IGOOGLE。您不仅可以聚合RSS和ATOM的频道,而且可以聚合google gadget和QQ的个人空间。 以拖拽的方式调整布局,方便而且直观。网站信息自动更新,无需手动刷新页面。该...
百度、淘宝、迅雷、搜狗、谷歌、狗狗、当当、卓越等联盟帐号的集成,增加隐性的收入,你只要去申请一个他们联盟的帐号,然后在后台添加帐号即可,马上用户在使用您的网站搜索时即可产生效益! 详细说明: 1、首页...
仿13580网站源码程序 格子导航 13980格子导航程序 v1.0 beta 申明:咱程序不是原创,是山寨国外的。原站(http://www.symbaloo.com) 请大家支持原创! 介绍: 13980是一个个人网络浏览页面,按一下就可以找到您...
软件名称:Androkkid 软件类型:系统界面 运行环境:Windows ...eAndrokkid是一款仿android系统界面的WM软件,超个性化图形设计和动画,逼真的界面设计,你只需通过拖拽,便可轻松体验和Google手机一样的操控感和乐趣.
精仿hao123网址导航系统简介: 1.本程序为asp+access数据库,所有代码开源,无绑定域名等限制,直接把源码放在win系统服务器即可。 2.常规管理--网站基本参数(可视模式) 进去可以进行修改编辑,可视化操作更方便更...
百度、淘宝、迅雷、搜狗、谷歌、狗狗、当当、卓越等联盟帐号的集成,增加隐性的收入,你只要去申请一个他们联盟的帐号,然后在后台添加帐号即可,马上用户在使用您的网站搜索时即可产生效益!新增360联盟 详细说明...
13980是一个个人网络浏览页面,按一下就可以找到您最喜爱的网站,如百度,谷歌,淘宝,开心网等。也可以听在线广播!版本:1.0 (Beta) 功能: 目前只支持以下内容: 1、分为Rss订阅列表和书签两部分。 2、书签...
百度、淘宝、迅雷、搜狗、谷歌、狗狗、当当、卓越等联盟帐号的集成,增加隐性的收入,你只要去申请一个他们联盟的帐号,然后在后台添加帐号即可,马上用户在使用您的网站搜索时即可产生效益! 详细说明: 1、首页...
百度、淘宝、迅雷、搜狗、谷歌、狗狗、当当、卓越等联盟帐号的集成,增加隐性的收入,你只要去申请一个他们联盟的帐号,然后在后台添加帐号即可,马上用户在使用您的网站搜索时即可产生效益! 详细说明: 1、首页...
百度、淘宝、迅雷、搜狗、谷歌、狗狗、当当、卓越等联盟帐号的集成,增加隐性的收入,你只要去申请一个他们联盟的帐号,然后在后台添加帐号即可,马上用户在使用您的网站搜索时即可产生效益! 详细说明: 1、...
(4)优秀的用户体验:新闻阅读者可以通过智能设备进行个性化定制,订阅各具特色的新闻栏目,支持新闻评论,提供新闻阅读者之间的互动[3]。 根据网上的资料日本的以雅虎新闻为首用户使用率榜首,SmartNews 和NewsPicks...