100分求：实现iGoogle中可以移动的内容。用C#语言实现的源码~解决思路
日期：2014-05-18 浏览次数：20418 次
100分求：实现iGoogle中可以移动的内容。用C#语言实现的源码~~~~急！！！！
进入http://www.google.com/ig?hl=zh-CN 我们可以看到，有很多可以对它进行最小化和关闭的DIV的层。也类似于AJAX，可以用鼠标拖动......如有不明白的,可以进行iGoogle的网站看看...
如有哪位大侠知道或使用过这个功能,请告诉我加我好友.我将以高分相赠.谢谢了...
如有做过这个功能的请加我为好友 QQ:215721419
MSN:zengjun24@yahoo.com.cn
谢谢！！！！！！
------解决方案--------------------
也想知道，最好有完整的实例
------解决方案--------------------
拖动可以使用asp.net2.0的webpart来实现
------解决方案--------------------
webpart
------解决方案--------------------
支持，webpart来实现
------解决方案--------------------
mark
------解决方案--------------------
比较经典的浮显框 好羡慕
03实现应该比较麻烦 而且反复用脚本来写吧
。。。
------解决方案--------------------
ajaxtoolkit有个扩展类，也可以让div拖来拽去
会脚本就自己写好了
------解决方案--------------------
这些归根结底都是js实现的，与服务器端代码没有关系
asp.net 2.0可以使用Webpart控件实现。
也可以只用js实现
------解决方案--------------------
webpart
和JS都可以实现
------解决方案--------------------
JS对于初学者太难了，建议赶紧使用VS2005
------解决方案--------------------
<html>
<head>
<title> DRAG the DIV </title>
<style>
*{font-size:12px}
.dragTable{
font-size:12px;
border-top:1px solid #3366cc;
margin-bottom: 10px;
width:100%;
background-color:#FFFFFF;
}
.dragTR{
cursor:move;
color:#7787cc;
background-color:#e5eef9;
}
td{vertical-align:top;}
#parentTable{
border-collapse:collapse;
letter-spacing:25px;
}
</style>
<script defer>
var draged=false;
tdiv=null;
function dragStart(){
ao=event.srcElement;
if((ao.tagName== "TD ")||(ao.tagName== "TR "))ao=ao.offsetParent;
else return;
draged=true;
tdiv=document.createElement( "div ");
tdiv.innerHTML=ao.outerHTML;
tdiv.style.display= "block ";
tdiv.style.position= "absolute ";
tdiv.style.filter= "alpha(opacity=70) ";
tdiv.style.cursor= "move ";
tdiv.style.width=ao.offsetWidth;
tdiv.style.height=ao.offsetHeight;
tdiv.style.top=getInfo(ao).top;
tdiv.style.left=getInfo(ao).left;
document.body.appendChild(tdiv);
lastX=event.clientX;
lastY=event.clientY;
lastLeft=tdiv.style.left;
lastTop=tdiv.style.top;
try{
ao.dragDrop();
}catch(e){}
}
function draging(){//重要:判断MOUSE的位置
if(!draged)return;
var tX=event.clientX;
var tY=event.clientY;
进入http://www.google.com/ig?hl=zh-CN 我们可以看到，有很多可以对它进行最小化和关闭的DIV的层。也类似于AJAX，可以用鼠标拖动......如有不明白的,可以进行iGoogle的网站看看...
如有哪位大侠知道或使用过这个功能,请告诉我加我好友.我将以高分相赠.谢谢了...
如有做过这个功能的请加我为好友 QQ:215721419
MSN:zengjun24@yahoo.com.cn
谢谢！！！！！！
------解决方案--------------------
也想知道，最好有完整的实例
------解决方案--------------------
拖动可以使用asp.net2.0的webpart来实现
------解决方案--------------------
webpart
------解决方案--------------------
支持，webpart来实现
------解决方案--------------------
mark
------解决方案--------------------
比较经典的浮显框 好羡慕
03实现应该比较麻烦 而且反复用脚本来写吧
。。。
------解决方案--------------------
ajaxtoolkit有个扩展类，也可以让div拖来拽去
会脚本就自己写好了
------解决方案--------------------
这些归根结底都是js实现的，与服务器端代码没有关系
asp.net 2.0可以使用Webpart控件实现。
也可以只用js实现
------解决方案--------------------
webpart
和JS都可以实现
------解决方案--------------------
JS对于初学者太难了，建议赶紧使用VS2005
------解决方案--------------------
<html>
<head>
<title> DRAG the DIV </title>
<style>
*{font-size:12px}
.dragTable{
font-size:12px;
border-top:1px solid #3366cc;
margin-bottom: 10px;
width:100%;
background-color:#FFFFFF;
}
.dragTR{
cursor:move;
color:#7787cc;
background-color:#e5eef9;
}
td{vertical-align:top;}
#parentTable{
border-collapse:collapse;
letter-spacing:25px;
}
</style>
<script defer>
var draged=false;
tdiv=null;
function dragStart(){
ao=event.srcElement;
if((ao.tagName== "TD ")||(ao.tagName== "TR "))ao=ao.offsetParent;
else return;
draged=true;
tdiv=document.createElement( "div ");
tdiv.innerHTML=ao.outerHTML;
tdiv.style.display= "block ";
tdiv.style.position= "absolute ";
tdiv.style.filter= "alpha(opacity=70) ";
tdiv.style.cursor= "move ";
tdiv.style.width=ao.offsetWidth;
tdiv.style.height=ao.offsetHeight;
tdiv.style.top=getInfo(ao).top;
tdiv.style.left=getInfo(ao).left;
document.body.appendChild(tdiv);
lastX=event.clientX;
lastY=event.clientY;
lastLeft=tdiv.style.left;
lastTop=tdiv.style.top;
try{
ao.dragDrop();
}catch(e){}
}
function draging(){//重要:判断MOUSE的位置
if(!draged)return;
var tX=event.clientX;
var tY=event.clientY;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
