在线等..qq空间里面的模块拖动是如何实现的？

bluyzkl 2009-12-13 11:51:43

要写一个开题报告。。想做一个博客，里面的模块可以根据用户自己的喜欢自己调整位置。。
具体像QQ空间的效果差不多。。
现在知道要用到JavaScript。。。做的效果好点还要用到Ajax不？。
我会一些asp.net和C#，请大侠请教。。。
大家给一些具体的意见啊，比如大概的技术流程是怎么实现的？开题报告中要具体涉及到。。
主要是晚上要把开题报告先赶出来。。

PS：最近忙着看书，下个学期的开题，没怎么照顾到。。大家Help..
希望能说的详细点。。谢谢。。也可以给一些相关的资料链接。。

...全文

1146 21 打赏收藏转发到动态举报

写回复

用AI写文章

21 条回复

切换为时间正序

请发表友善的回复…

发表回复

S314324153 2010-05-31

打赏
举报

标记
回复内容太短了！

panzhaojl 2009-12-14

打赏
举报

顶

四十大度 2009-12-14

打赏
举报

关注

liaolian9948 2009-12-14

打赏
举报

只是做博客嘛。。跟QQ空间一样的话。。用webparts就行啦

liaolian9948 2009-12-14

打赏
举报

如果只是移动的话。。用web part。。要好看就样式设置一下就行了嘛。
当然你可以用javascript,不过代码太多。。用jquery有实现的些拖的功能

bluyzkl 2009-12-14

打赏
举报

能说的具体点不？。。我现在想把开题报告先赶出来。。
希望能大家能给我说下具体的技术实现流程已经javascipt具体实现的功能。。。
谢谢~

zqtoo 2009-12-14

打赏
举报

webparts javascript

chenyu112 2009-12-14

打赏
举报

ding

lsj47987850 2009-12-14

打赏
举报

mark

ToMakeLove 2009-12-14

打赏
举报

关注

camperer 2009-12-14

打赏
举报

标记。。

kurorolove 2009-12-14

打赏
举报

顶楼7楼多数的国产计算机书籍一样：垃圾！ JS教程的，当属oreilly的：javascript 权威指南。

gaopeng1988 2009-12-14

打赏
举报



<script language=javascript>

var cao_x,cao_y;



function cao888() 

{

this.display=display; 

}



function display() 

{

  document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document.getElementById('cao1').style.display='block' onfocus=this.blur()>点击弹出</button></td></tr></table>");

  document.write("<div  id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");

  document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");

  document.write("<table width=200 height=20 bgcolor=green onmousedown='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='caoMove(this.parentNode)' style='cursor:move;'>");

  document.write("<tr align=center>");

  document.write("<td align=left>可拖动的弹出提示效果</td>");

  document.write("</tr>");

  document.write("</table>");

  document.write("<br><br>懒人图库<br>http://www.lanrentuku.com/<br><br><span style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';>关闭</span>");

  document.write("  </div>");

  document.write("</div>");

}

function caoMove(obj)  //实现层的拖移

{

  if(event.button==1)

  {

    var caoX=obj.clientLeft;

    var caoY=obj.clientTop;

    obj.style.pixelLeft=caoX+(event.x-cao_x);

    obj.style.pixelTop=caoY+(event.y-cao_y);

  }

}

</script>

<script language=javascript>

var mycao=new cao888();

mycao.display();

</script>

<p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>

LikeCode 2009-12-14

打赏
举报

[Quote=引用 1 楼 zengfanxing 的回复:]
JavaScript
教程
[/Quote]
这个系列的书我买过一本css的，两个字形容：破书！
跟其它大多数的国产计算机书籍一样：垃圾！

建议大家别买，JS教程的，当属oreilly的：javascript 权威指南。
JQUERY竹子觉得根本不需要系统的教程，他不是一门新科学，只是一个轻量级的工具而已，找个手册，花几个小时看完就够了。

z109214114 2009-12-14