程序员人生 网站导航

jquery.ui插件的网页布局模块拖拽功能

栏目:jscript时间:2014-06-07 14:10:26

最近由于系统升级换代,连个人空间都要改造,目标是模仿QQ空间的空间装扮功能

在查了一些基本的资料之后决定用jquery.ui的插件

最后简单地实现了更换主题,布局切换,模块拖曳,自定义控制等基本功能

思路很简单,原程序也很简单,需要理解主要是jquery 和相关插件 sorttable的基本函数功能

DEMO演示:

http://www.wfuyu.com/a/Demo/2010/20100405/

这个是基本数据表

CREATE TABLE `userspaceconfig` (
`uid` int(11) NOT NULL,
`container` varchar(20) character set utf8 collate utf8_unicode_ci NOT NULL,
`styleConfig` tinytext character set utf8 collate utf8_unicode_ci NOT NULL,
`moduleConfig` tinytext character set utf8 collate utf8_unicode_ci NOT NULL,
PRIMARY KEY (`uid`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

container 是布局

styleConfig是样式

moduleConfig 是模块

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐