jquery.ui插件的網頁布局模塊拖拽功能

最近由于系統升級換代,連個人空間都要改造，目標是模仿QQ空間的空間裝扮功能

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

最后簡單地實現了更換主題，布局切換，模塊拖曳，自定義控制等基本功能

思路很簡單，原程序也很簡單，需要理解主要是jquery 和相關插件 sorttable的基本函數功能

DEMO演示：

http://www.jyygyx.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 是模塊

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈