国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > jquery.ui插件的网页布局模块拖拽功能

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

来源:程序员人生   发布时间:2014-06-07 14:10:26 阅读次数:4561次

最近由于系统升级换代,连个人空间都要改造,目标是模仿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 是模块

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生