扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流