The drag-and-drop function of the webpage layout module of jquery. ui plug-in

Recently, due to system upgrades, personal space needs to be transformed to imitate the QQ space's spatial dress-up function.

After checking some basic information, I decided to use the jquery. ui plug-in.

Finally, basic functions such as changing themes, layout switching, module dragging, and custom control are implemented.

The idea is very simple, and the original program is very simple. You need to understand the basic functions of jquery and related plug-ins sorttable.

DEMO:

Http://www.bkjia.com/a/Demo/2010/20100405/

This is the basic data table.

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,
'Leleconfig' tinytext character set utf8 collate utf8_unicode_ci not null,
Primary key ('uid ')
) ENGINE = MyISAM default charset = latin1 COLLATE = latin1_general_ci;

Container is the layout

StyleConfig is a style

ModuleConfig is a module