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

最新推荐文章于 2019-10-04 14:59:03 发布

原创最新推荐文章于 2019-10-04 14:59:03 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UI #jQuery #CSS #QQ #Google #ViewUI

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个类似于Google iGoogle的拖拽与关闭应用的实现方式，并提供了一个在线演示链接。通过简单的代码修改，使得关闭的应用可以被保存到Cookie中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

修改后就可以保存住删除的应用了