最近好多人问我怎么实现类似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仿iGoogle 主页模块拖动、编辑完整版
我所要的叫就是portlets(http://jqueryui.com/demos/sortable/portlets.html)这种效果。就像igoogle首页那样的。冒似很简单,把要引用的js都加入后,然后几行代码就完事了。 代码如下: <script type=”text/...
jQuery 仿iGoogle视频的列表拖动缓冲特效.zip
google可谓是ajax的特效用的淋漓尽致,google suggest, google map,igoogle 可拖动窗口等等…今天要做一个网站的类似效果,仿照iGoogle做了一个简单的小demo。 这个的demo是根据一个Jquery的框架直接做出来的:...
Jquery拖动窗格(仿igoogle),做web开发的朋友会经常用到的小kit。
类似 igoogle主页 个性化设置 类似 igoogle主页 个性化设置
内容索引:脚本资源,jQuery,列表滚动,iGoogle,缓冲 jQuery 仿iGoogle视频的列表拖动缓冲特效,源码爱好者截图如上,图片演示不能看到实际效果。这里简要介绍一下:当我们拖动滚动列表的时候 ,列表会按照你鼠标移动...
可定制的个性化主页,类似igoogle
一个类似igoogle首页的拖拽功能的列子,可以参考下
Ajax仿iGoogle双击编辑-网页拖动完整实例.rar
类似于igoogle 的页面,可以任意拖动,管理页面内容
jQuery 仿iGoogle 的模块拖动功能,同时可以实现在线编辑每个模块的颜色。这种效果在前一段不少网站在模仿,以至于导致拖动效果在国内的流行,不过,原汁原味的就是不一样,虽然这个也不是真正的iGoogle主页,但是...
NULL 博文链接:https://coolzhi.iteye.com/blog/587868
/* $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all") .find(".portlet-header") .addClass("ui-widget-header ui-corner-all") .prepend('<span class="ui-...
拖拽网页,拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽网页拖拽...
多学习拖拽功能多学习拖拽功能多学习拖拽功能多学习拖拽功能多学习拖拽功能多学习拖拽功能多学习拖拽功能多学习拖拽功能多学习拖拽功能
可以自由拖动的div ,类似于igoogle个性化首页,igoogle,个性化首页,自由拖动的div ,可以实现自定义首页新闻内容的展示效果
仿iGoogle的界面,可拖拽,可自定义模块等