jquery主题,jquery主题切换

jquery easyui如何换主题呀？

1、首先需要在html的页面中将easyui的样式文件导入进去。

创新互联建站是一家专业提供吴堡企业网站建设,专注与成都网站建设、成都做网站、HTML5建站、小程序制作等业务。10年已为吴堡众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

2、然后需要先导入jquery的脚本，接着把easyui的脚本导入进页面。

3、接着我们在body区域中放置一个大的div来确定页面的大小。

4、然后再大的div下面进行左右布局，如下图所示，左边是菜单，右边显示内容。

5、接下来需要在script中实现点击菜单的方法。

有个属性可以设置的，具体可以看

a href="#" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Bars/a

a href="#" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Edit/a

a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Arrow left/a

a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Arrow right/a

a href="#" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Arrow up/a

a href="#" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Arrow down/a

a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Delete/a

a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Plus/a

a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Minus/a

a href="#" data-role="button" data-icon="check" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Check/a

a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Gear/a

a href="#" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Refresh/a

a href="#" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Forward/a

a href="#" data-role="button" data-icon="back" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Back/a

a href="#" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Grid/a

a href="#" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Alert/a

a href="#" data-role="button" data-icon="info" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Info/a

a href="#" data-role="button" data-icon="home" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Home/a

a href="#" data-role="button" data-icon="search" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"Search/a

/div

主题你可以看做皮肤，就是相同的效果不同的css样式。

你可以去官网上直接下载不同的主题，一般不同的主题样式，压缩包名称是一样的，保存时别覆盖。当你想换主题的时候，引入你需要的主题的css、js就可以了。

在应用的项目工程中，只需要将主题包和【jquery-ui-1.8.4.custom.min.js】文件加入工程，就可以使用可变主题的jQuery UI了。如图：

在需要使用jQuery UI的页面中添加对于CSS文件和JS文件的引用即可。我一般是在母版页里添加。

代码如下：

link rel="stylesheet" type="text/css" href="" /

script type="text/javascript" src=""/script

本文名称：jquery主题,jquery主题切换
分享URL：http://cdiso.cn/article/dsggehs.html