google个性化桌面实现？？？？？？？？？？？？？？？？？？？？？？？？？？【标题要长】

牛叔 2010-05-21 04:58:00
google个性化桌面是通过什么实现的？
那些项目定制，拖动，项目里的tab页，最小化等等。。。。。
这些是用什么做的
数据如何保存。。。。
请大家详细讲解一下
谢谢了。。。。。。。。

...全文
334 29 打赏 收藏 转发到动态 举报
写回复
用AI写文章
29 条回复
切换为时间正序
请发表友善的回复…
发表回复
起个名字真难啊啊啊啊啊 2010-05-26
  • 打赏
  • 举报
 回复
ajax 调用
cookie保存位置
ps：jquery很多插件都可以做出来
qiqishardgel 2010-05-26
  • 打赏
  • 举报
 回复
帮顶！
yypf2540017 2010-05-26
  • 打赏
  • 举报
 回复
http://topic.csdn.net/u/20080413/13/5a4e8e29-821e-49bb-827a-c4146a9ad694.html
aluogang 2010-05-26
  • 打赏
  • 举报
 回复
顶！~~~~~~~~~~~
internetroot 2010-05-26
  • 打赏
  • 举报
 回复
给你贴段代码，别人的
改了下，注释掉了点，删了点


<html>

    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>       body {margin: 0px;padding: 0px;font-size: 12px;text-align: center;}            

 body > div {

  text-align: center;

  margin-right: auto;

  margin-left: auto;

  }            

 .content {

  width: 900px;#0000ff;

 }            

 .content .left {float: left;

 width: 20%;			   

 border: 1px solid #FF0000;

  margin: 3px;

 } .content .center {

 float: left;

 border: 1px solid #FF0000;

  margin: 3px;

    width: 57%

 }

 .content .right {

 float: right;

 width: 20%;

 border: 1px solid #FF0000;

  margin: 3px

            }

            .mo {

                height: auto;

                border: 1px solid #CCC;

                margin: 3px;

                background: #FFF

            }

            .mo h1 {

                background: #afc9f6;

                height: 18px;

                padding: 3px;

                cursor: move

            }

            .mo .nr {

                height: 80px;

                border: 1px solid #F3F3F3;

                margin: 2px

            }

            h1 {

                margin: 0px;

                padding: 0px;

                text-align: left;

                font-size: 12px;

                height: 20px

            }

            h1 span {

                float: left

            } 

            h1 font {

                float: right;

                cursor: pointer

            }

        </style>

        <script>

            var dragobj = {}; window.onerror = function(){return false;

            }window.oDel = function(obj){if ($(obj) != null) {

$(obj).parentNode.removeChild($(obj));  }

}var domid = 12;function on_ini(){ String.prototype.inc = function(s){//string.inc()判断字符串中是否包含参数string，此处用来判断浏览器

                    return this.indexOf(s) > -1 ? true : false;

                }

                var agent = navigator.userAgent;//得到head，用来判断浏览器类型

                window.isOpr = agent.inc("Opera");//Opera

                window.isIE = agent.inc("IE") && !isOpr;//IE

                window.isMoz = agent.inc("Mozilla") && !isOpr && !isIE;//Mozilla

                if (isMoz) {

                    Event.prototype.__defineGetter__("x", function(){

                        return this.clientX + 2;

                    });

                    Event.prototype.__defineGetter__("y", function(){

                        return this.clientY + 2;

                    });

                    Event.prototype.__defineGetter__("srcElement", function(){

                        var node = this.target;

                        while (node.nodeType != 1) {

                            node = node.parentNode;

                        }

                        return node;

                    });

                }

                basic_ini();

            }

            function basic_ini(){

window.$ = function(obj){

return typeof(obj) == "string" ? document.getElementById(obj) : obj;

}

window.oDel = function(obj){

if ($(obj) != null) {

$(obj).parentNode.removeChild($(obj));

}

}

}

window.onload = function(){//页面加载初始化方法

on_ini();

var o = document.getElementsByTagName("h1");

for (var i = 0; i < o.length; i++) {

o[i].onmousedown = addevent;

}

}

function addevent(e){

 if (dragobj.o != null) 

 return false;

 e = e || event;

var ee = e.srcElement;

if (ee.tagName == "FONT") 

 return;

dragobj.o = this.parentNode;

dragobj.xy = getxy(dragobj.o);

dragobj.xx = new Array((e.x - dragobj.xy[1]), (e.y - dragobj.xy[0]));

dragobj.o.style.width = dragobj.xy[2] + "px";

 dragobj.o.style.height = dragobj.xy[3] + "px";

 dragobj.o.style.left = (e.x - dragobj.xx[0]) + "px";

 dragobj.o.style.top = (e.y - dragobj.xx[1]) + "px";

dragobj.o.style.position = "absolute";

var om = document.createElement("div");

dragobj.otemp = om;

om.style.width = dragobj.xy[2] + "px";

 om.style.height = dragobj.xy[3] + "px";

dragobj.o.parentNode.insertBefore(om, dragobj.o);

return false;

            }

            

            document.onselectstart = function(){

                return false;

            }

            window.onfocus = function(){

                document.onmouseup();

            }

            window.onblur = function(){

                document.onmouseup();

            }

            document.onmouseup = function(){

                if (dragobj.o != null) {

                    dragobj.o.style.width = "auto";

                    dragobj.o.style.height = "auto";

                    dragobj.otemp.parentNode.insertBefore(dragobj.o, dragobj.otemp);

                    dragobj.o.style.position = "";

                    oDel(dragobj.otemp);

                    dragobj = {};

                }

            }

            document.onmousemove = function(e){

                e = e || event;

                if (dragobj.o != null) {

                    dragobj.o.style.left = (e.x - dragobj.xx[0]) + "px";

                    dragobj.o.style.top = (e.y - dragobj.xx[1]) + "px";

                    createtmpl(e);

                }

            }

            function getxy(e){

                var a = new Array();

                var t = e.offsetTop;

                var l = e.offsetLeft;

                var w = e.offsetWidth;

                var h = e.offsetHeight;

                while (e = e.offsetParent) {

                    t += e.offsetTop;

                    l += e.offsetLeft;

                }

                a[0] = t;

                a[1] = l;

                a[2] = w;

                a[3] = h

                return a;

            }

            

            function inner(o, e){

                var a = getxy(o);

                if (e.x > a[1] && e.x < (a[1] + a[2]) && e.y > a[0] && e.y < (a[0] + a[3])) {

                    if (e.y < (a[0] + a[3] / 2)) 

                        return 1;

                    else 

                        return 2;

                }

                else 

                    return 0;

            }

            

            function createtmpl(e){

                for (var i = 0; i < domid; i++) {

                    if (!$("m" + i)) 

                        continue;

                    if ($("m" + i) == dragobj.o) 

                        continue;

                    var b = inner($("m" + i), e);

                    if (b == 0) 

                        continue;

                    dragobj.otemp.style.width = $("m" + i).offsetWidth;

                    if (b == 1) {

                        $("m" + i).parentNode.insertBefore(dragobj.otemp, $("m" + i));

                    }

                    else {

                        if ($("m" + i).nextSibling == null) {

                            $("m" + i).parentNode.appendChild(dragobj.otemp);

                        }

                        else {

                            $("m" + i).parentNode.insertBefore(dragobj.otemp, $("m" + i).nextSibling);

                        }

                    }

                    return

                }

                for (var j = 0; j < 3; j++) {

                    if ($("dom" + j).innerHTML.inc("div") || $("dom" + j).innerHTML.inc("DIV")) 

                        continue;

						

                    var op = getxy($("dom" + j));

                    if (e.x > (op[1] + 10) && e.x < (op[1] + op[2] - 10)) {

                        $("dom" + j).appendChild(dragobj.otemp);

                        dragobj.otemp.style.width = (op[2] - 10) + "px";

                    }

                }

            }

            

            function add_div(){

                var o = document.createElement("div");

                o.className = "mo";

                o.id = "m" + domid;

                $('dom0').appendChild(o);

                o.innerHTML = "<h1><span>新div</span><font onclick='del_div(this)'> x</font><font onclick=javascript:alert('edit')>edit  </font></h1><div class=nr></div>";

                o.getElementsByTagName("h1")[0].onmousedown = addevent;

                domid++;

            }

            

            function del_div(obj){

                var o = obj.parentNode.parentNode;

                oDel(o);

            }

        </script>

    </head>

    <body>

        <INPUT TYPE="button" value="添加DIV" onclick="add_div();">

        <div class=content>

            <div class=left id=dom0>

        

                <div class=mo id=m3>

                    <h1><span>dom3</span>

                        <font onclick="del_div(this)">

                            x

                        </font>

                    </h1>

                    <div class="nr">

                    </div>

                </div>

            </div>

            <div class=center id=dom1>

               

                <div class=mo id=m6>

                    <h1><span>dom6</span>

                        <font onclick="del_div(this)">

                            x

                        </font>

                    </h1>

                    <div class="nr">

                    </div>

                </div>

                <div class=mo id=m7>

                    <h1><span>dom7</span>

                        <font onclick="del_div(this)">

                            x

                        </font>

                    </h1>

                    <div class="nr">

                    </div>

                </div>

            </div>

            <div class=right id=dom2>

             

                <div class=mo id=m11>

                    <h1><span>dom11</span>

                        <font onclick="del_div(this)">

                            x

                        </font>

                    </h1>

                    <div class="nr">

                    </div>

                </div>

            </div>

        </div>

    </body>

</html>

cuike519 2010-05-24
  • 打赏
  • 举报
 回复
google是通过js和后台的服务自己实现的。
济南大飞哥 2010-05-24
  • 打赏
  • 举报
 回复
关注。。。。。。。。
牛叔 2010-05-24
  • 打赏
  • 举报
 回复
[Quote=引用 11 楼 lester19872007 的回复:]

引用 10 楼 ymdcr 的回复:
有没有类似extjs之类的东西
可以方便实现，而不是直接写巨大不无的js脚本。。。
js我也没那么牛。。。
那就建议使用jquery吧，里面有实现这样功能的，如果需要我可以发一个例子给你。
[/Quote]
ytdcr@tom.com
谢谢啦。。。
牛叔 2010-05-24
  • 打赏
  • 举报
 回复
[Quote=引用 11 楼 lester19872007 的回复:]

引用 10 楼 ymdcr 的回复:
有没有类似extjs之类的东西
可以方便实现，而不是直接写巨大不无的js脚本。。。
js我也没那么牛。。。
那就建议使用jquery吧，里面有实现这样功能的，如果需要我可以发一个例子给你。
[/Quote]
谢谢
你发个过来
可以就好。。。。
猿猿相抱 2010-05-24
  • 打赏
  • 举报
 回复
jquery和webparts都可以实现。
lester19872007 2010-05-24
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 ymdcr 的回复:]
有没有类似extjs之类的东西
可以方便实现，而不是直接写巨大不无的js脚本。。。
js我也没那么牛。。。
[/Quote]那就建议使用jquery吧，里面有实现这样功能的，如果需要我可以发一个例子给你。
牛叔 2010-05-24
  • 打赏
  • 举报
 回复
有没有类似extjs之类的东西
可以方便实现，而不是直接写巨大不无的js脚本。。。
js我也没那么牛。。。
antony1029 2010-05-24
  • 打赏
  • 举报
 回复
呵呵。webpart 可以用
jshi123 2010-05-24
  • 打赏
  • 举报
 回复
搜下MOSS
马老虎 2010-05-24
  • 打赏
  • 举报
 回复
关注下吧！不仅仅是拖拽的问题
Assassin_ 2010-05-24
  • 打赏
  • 举报
 回复
设置模块为DIV显示，通过JS拖动DIV
同时通过AJAX异步设置参数
http://topic.csdn.net/u/20091213/23/39E072B0-DA4B-48E5-A20A-21DDBD0331BC.html
sodixiaochao 2010-05-24
  • 打赏
  • 举报
 回复
Ajax框架典型应用。。。
程序漫步 2010-05-24
  • 打赏
  • 举报
 回复
tashiwoweiyi 2010-05-24
  • 打赏
  • 举报
 回复
火星大能猫 2010-05-22
  • 打赏
  • 举报
 回复
这种东西貌似挺多的
加载更多回复（8）
我的狐狸 - 可爱的狐狸高清壁纸「My Fox - Cute Foxes HD Wallpapers」-crx插件
My Fox HD Wallpapers New Tab Theme是您通往美好旅程的门户，在这里您可以根据自己的喜好个性化所有内容，与您的网络共享并通过组织和跟踪待办事项列表来掌握一切。 功能：•根据您的喜好自定义仪表板•待办事项...
新版Android开发教程.rar
有助于 Google 实现其 " 随时随地为每个人提供信 息 " 的企业战略。 HTC HTC HTC HTC Dream/G1 Dream/G1 Dream/G1 Dream/G1 具体配置 硬件 3.17 英寸 HVGA (480 x 320) ； 1150mAh 电池 ；高通 528Mhz 7201 处理器 ...
计算机个性化桌面后总是恢复,Win7切换主题导致个性化桌面图标失效恢复初始的解决方法...
Win7切换主题导致个性化桌面图标失效恢复初始的解决方法看腻了传统的Win7桌面图标，很多朋友喜欢自己设计或者从网上下载一些个性化系统桌面图标(如回收站、计算机等等)设置给自己的Win7使用，但一些朋友发现自己设置...
桌面虚拟化浅谈
3.实现桌面虚拟化带来的好处? 4.桌面虚拟化与云计算？ -------------------------------------------------------------------------- 桌面虚拟化浅谈之一：桌面虚拟化的由来 　从有现代计算的那一天起，多台设备....
Google个性化页面的新功能
Google的个性化页面现在相当于我的电脑桌面一样重要了，在个性化页面上订阅了许多Feed和gmail最新邮件列表。每天一打开就可以知道我最想要的一些信息，早上过来还是一样的，可我刚刚重新刷新页面的时候，却发生了...
.NET社区

62,074

社区成员

669,022

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章