最近好多人问我怎么实现类似google的 igoogle 可以拖拽 可关闭的应用!
下面这个demo 和goole的很相似 做的很好了
http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html
但是这个有一个小小的不足:关闭了的应用 没有存储在cookie中。
简单的修改了一下代码
iNettuts.savePreferences();
},function () {
$(this).wrap('<div/>').parent().slideUp(function () {
$(this).remove();
iNettuts.savePreferences();
});
});
$('.widget').each(function(){
if (cookie.indexOf(this.id) <= -1){
$(this).remove();
}
})
$('.widget').each(function(){
if (cookie.indexOf(this.id) <= -1){
$(this).remove();
}
})
/* All done, remove loading gif and show columns: */
$('body').css({background:'#000'});
$(settings.columns).css({visibility:'visible'});
修改后就可以保存住删除的应用了
分享到:
相关推荐
要实现模块的拖动,我们可以使用jQuery UI库中的`draggable()`函数。这个函数为指定的元素添加拖动行为。我们需要设置`handle`属性来指定拖动的手柄,通常是一个内部的元素,例如标题栏。同时,通过`containment`...
我所要的叫就是portlets(http://jqueryui.com/demos/sortable/portlets.html)这种效果。就像igoogle首页那样的。冒似很简单,把要引用的js都加入后,然后几行代码就完事了。 代码如下: <script type=”text/...
在本项目中,“jQuery 仿iGoogle视频的列表拖动缓冲特效.zip”是一个包含使用jQuery实现的类似iGoogle视频列表的动态拖动和缓冲效果的压缩包。这个压缩包主要针对那些希望为自己的网站或应用添加类似iGoogle个性化...
"Jquery拖动窗格(仿igoogle)"就是一个很好的例子,它展示了如何使用jQuery来创建一个可自定义布局、类似iGoogle的拖动窗格系统。 **1. jQuery基本概念** jQuery是一个轻量级的JavaScript库,它封装了DOM操作、事件...
- `ui.*.min.js`文件来自jQuery UI库,包含`sortable`, `draggable` 和 `droppable`组件,它们是实现拖放功能的关键。 - `17.js`可能是项目中自定义的JavaScript代码,用于整合jQuery和jQuery UI的功能,以实现...
根据给定文件信息,本文将深入探讨JQuery仿IGoogle实现可拖动窗口的技术细节,并且对JQuery、easywidgets框架和实现方法进行详细解说。 首先,要了解JQuery。JQuery是一个快速、小巧且功能丰富的JavaScript库,它让...
12. **iGoogle Interface模仿**:教程展示了如何使用jQuery创建一个可定制的部件界面,类似于iGoogle,提供多种潜在的应用场景。 13. **Drag'n Drop with jQuery and PHP**:结合jQuery和jQuery UI,实现了一个简单...
“igoogle”标签提示我们,此项目的设计灵感来源于igoogle,因此可能会有类似igoogle的特性,如各种类型的小部件(天气预报、新闻、日历等),用户可以订阅并将其放置在首页上。这些小部件通常由独立的PHP脚本或API...
内容索引:脚本资源,jQuery,列表滚动,iGoogle,缓冲 jQuery 仿iGoogle视频的列表拖动缓冲特效,源码爱好者截图如上,图片演示不能看到实际效果。这里简要介绍一下:当我们拖动滚动列表的时候 ,列表会按照你鼠标移动...
【标题】:“类似 igoogle 主页 个性化设置” 在互联网早期,Google 推出了一项名为 iGoogle 的服务,它允许用户自定义自己的主页,添加各种小工具来展示天气、新闻、日历、电子邮件等信息。这个服务为用户提供了一...
通过以上步骤,你可以利用`jQuery`和`polev99_tuodong.js`轻松实现类似`igoogle`的页面元素拖动效果。这种方式极大地提高了开发效率,减少了代码量,同时也使得代码更加模块化,易于维护。在实际项目中,可以根据...
【标题】:“类似igoogle的源代码”是指一个模仿谷歌个性化主页iGoogle的Web应用程序的源代码。iGoogle允许用户自定义主页,添加各种小工具,如天气预报、新闻、日历等,以满足个人需求。 【描述】:“可定制的个性...
一个类似igoogle首页的拖拽功能的列子,可以参考下
iGoogle是谷歌推出的一款个性化主页服务,用户可以根据自己的需求定制主页,添加各种小工具,如天气预报、新闻阅读器、电子邮件检查器等。iGoogle中的每个小工具都可以自由调整位置,这得益于其采用的网页拖动功能和...
3. **实现拖放排序**:利用jQuery UI的Sortable组件,可以方便地实现列表项的拖放排序。这在很多个性化主页中都有应用,如iGoogle的模块排序功能。 4. **主题和配色方案切换**:通过定义不同的主题和配色方案,允许...
【标题】"仿iGoogle的界面"所涉及的知识点主要集中在网页设计与开发领域,特别是用户界面(UI)设计和交互体验(UX)方面。iGoogle是Google推出的一款个性化主页服务,用户可以根据自己的需求定制首页,添加各种小工具,...
【标题】"类似igoogle 代码"涉及到的核心知识点主要与个性化网页门户的开发有关,这里的“igoogle”是Google在2005年推出的一项服务,允许用户自定义首页,添加各种小工具来获取新闻、天气、邮件等信息。这个项目...
jQuery 仿iGoogle 的模块拖动功能,同时可以实现在线编辑每个模块的颜色。这种效果在前一段不少网站在模仿,以至于导致拖动效果在国内的流行,不过,原汁原味的就是不一样,虽然这个也不是真正的iGoogle主页,但是...