`
ynial
  • 浏览: 227931 次
  • 来自: ...
社区版块
存档分类
最新评论

jquery 类似 igoogle jQuery UI & sortable/draggable UI modules & jQuery COOKIE pl

阅读更多
最近好多人问我怎么实现类似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'});



修改后就可以保存住删除的应用了
分享到:
评论
1 楼 gaoyangsqvqv 2010-09-15  
你好,谢谢你的文章,请问一下他默认打开时不时所有的标签全部打开吗,然后点击其中的按钮可进行折叠,再点击一下又打开了。我现在想要进入网页时,其中的一个标签是折叠起来的,点击一下按钮再显示出来内容,请问一下应该怎么修改。本人不懂这方面知识,如果您可以帮我修改一下的话,可以将修改后的结果发给我410028535@qq.com本人不甚感激。最后顺祝身体健康,事业蒸蒸日上!

相关推荐

    jQuery 仿iGoogle 主页模块拖动、编辑完整版

    要实现模块的拖动,我们可以使用jQuery UI库中的`draggable()`函数。这个函数为指定的元素添加拖动行为。我们需要设置`handle`属性来指定拖动的手柄,通常是一个内部的元素,例如标题栏。同时,通过`containment`...

    jquery中的sortable排序之后的保存状态的解决方法

    我所要的叫就是portlets(http://jqueryui.com/demos/sortable/portlets.html)这种效果。就像igoogle首页那样的。冒似很简单,把要引用的js都加入后,然后几行代码就完事了。 代码如下: &lt;script type=”text/...

    jQuery 仿iGoogle视频的列表拖动缓冲特效.zip

    在本项目中,“jQuery 仿iGoogle视频的列表拖动缓冲特效.zip”是一个包含使用jQuery实现的类似iGoogle视频列表的动态拖动和缓冲效果的压缩包。这个压缩包主要针对那些希望为自己的网站或应用添加类似iGoogle个性化...

    Jquery拖动窗格(仿igoogle)

    "Jquery拖动窗格(仿igoogle)"就是一个很好的例子,它展示了如何使用jQuery来创建一个可自定义布局、类似iGoogle的拖动窗格系统。 **1. jQuery基本概念** jQuery是一个轻量级的JavaScript库,它封装了DOM操作、事件...

    可以自由拖动的div ,类似于igoogle个性化首页

    - `ui.*.min.js`文件来自jQuery UI库,包含`sortable`, `draggable` 和 `droppable`组件,它们是实现拖放功能的关键。 - `17.js`可能是项目中自定义的JavaScript代码,用于整合jQuery和jQuery UI的功能,以实现...

    Jquery仿IGoogle实现可拖动窗口示例代码

    根据给定文件信息,本文将深入探讨JQuery仿IGoogle实现可拖动窗口的技术细节,并且对JQuery、easywidgets框架和实现方法进行详细解说。 首先,要了解JQuery。JQuery是一个快速、小巧且功能丰富的JavaScript库,它让...

    广泛收集的jQuery拖放插件集合

    12. **iGoogle Interface模仿**:教程展示了如何使用jQuery创建一个可定制的部件界面,类似于iGoogle,提供多种潜在的应用场景。 13. **Drag'n Drop with jQuery and PHP**:结合jQuery和jQuery UI,实现了一个简单...

    php版本 可移动框架 可添加,类似igoogle

    “igoogle”标签提示我们,此项目的设计灵感来源于igoogle,因此可能会有类似igoogle的特性,如各种类型的小部件(天气预报、新闻、日历等),用户可以订阅并将其放置在首页上。这些小部件通常由独立的PHP脚本或API...

    jQuery 仿iGoogle视频的列表拖动缓冲特效

    内容索引:脚本资源,jQuery,列表滚动,iGoogle,缓冲 jQuery 仿iGoogle视频的列表拖动缓冲特效,源码爱好者截图如上,图片演示不能看到实际效果。这里简要介绍一下:当我们拖动滚动列表的时候 ,列表会按照你鼠标移动...

    类似 igoogle主页 个性化设置

    【标题】:“类似 igoogle 主页 个性化设置” 在互联网早期,Google 推出了一项名为 iGoogle 的服务,它允许用户自定义自己的主页,添加各种小工具来展示天气、新闻、日历、电子邮件等信息。这个服务为用户提供了一...

    js-jquery-tuodong.rar_html_js_polev99_tuodong.js_拖动

    通过以上步骤,你可以利用`jQuery`和`polev99_tuodong.js`轻松实现类似`igoogle`的页面元素拖动效果。这种方式极大地提高了开发效率,减少了代码量,同时也使得代码更加模块化,易于维护。在实际项目中,可以根据...

    类似igoogle的源代码

    【标题】:“类似igoogle的源代码”是指一个模仿谷歌个性化主页iGoogle的Web应用程序的源代码。iGoogle允许用户自定义主页,添加各种小工具,如天气预报、新闻、日历等,以满足个人需求。 【描述】:“可定制的个性...

    类似igoogle首页的拖拽功能

    一个类似igoogle首页的拖拽功能的列子,可以参考下

    Ajax仿iGoogle双击编辑-网页拖动完整实例

    iGoogle是谷歌推出的一款个性化主页服务,用户可以根据自己的需求定制主页,添加各种小工具,如天气预报、新闻阅读器、电子邮件检查器等。iGoogle中的每个小工具都可以自由调整位置,这得益于其采用的网页拖动功能和...

    jQuery UI结合Ajax创建可定制的Web界面

    3. **实现拖放排序**:利用jQuery UI的Sortable组件,可以方便地实现列表项的拖放排序。这在很多个性化主页中都有应用,如iGoogle的模块排序功能。 4. **主题和配色方案切换**:通过定义不同的主题和配色方案,允许...

    仿iGoogle的界面

    【标题】"仿iGoogle的界面"所涉及的知识点主要集中在网页设计与开发领域,特别是用户界面(UI)设计和交互体验(UX)方面。iGoogle是Google推出的一款个性化主页服务,用户可以根据自己的需求定制首页,添加各种小工具,...

    类似igoogle 代码

    【标题】"类似igoogle 代码"涉及到的核心知识点主要与个性化网页门户的开发有关,这里的“igoogle”是Google在2005年推出的一项服务,允许用户自定义首页,添加各种小工具来获取新闻、天气、邮件等信息。这个项目...

    模仿igoogle拖动源码

    jQuery 仿iGoogle 的模块拖动功能,同时可以实现在线编辑每个模块的颜色。这种效果在前一段不少网站在模仿,以至于导致拖动效果在国内的流行,不过,原汁原味的就是不一样,虽然这个也不是真正的iGoogle主页,但是...

Global site tag (gtag.js) - Google Analytics