详解easyui切换主题皮肤

  

jquery cookie下载地址::http://plugins.jquery.com/cookie/

  

1。需要导入的文件(我这里的easyui是jquery-easyui-1.6.11版本)

  

主要实现原理就是换导入css文件,这样就可以实现切换主题皮肤

        & lt; !——引入easyui css样式只需引入easyui。css其中就包含了其他的内容——比;   & lt;链接rel="样式表" id=" easyuiTheme " href=" https://www.yisu.com/zixun//jquery-easyui-1.6.11/themes/default/easyui.css " rel=巴獠縩ofollow”比;   & lt; !——引入小图标——比;   & lt;链接rel="样式表" href=" https://www.yisu.com/zixun//jquery-easyui-1.6.11/themes/icon.css " rel=巴獠縩ofollow”比;   & lt; !——引入jQuery——比;   & lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun//js/jquery-1.11.3.js "祝辞& lt;/script>   & lt;脚本src=" https://www.yisu.com/zixun/js/jquery.cookie.js "祝辞& lt;/script>   & lt; !——引入easyui——比;   & lt;脚本src=" https://www.yisu.com/zixun//jquery-easyui-1.6.11/jquery.easyui.min.js "祝辞& lt;/script>   & lt; !——样式转化为中文——比;   & lt;脚本src=" https://www.yisu.com/zixun//jquery-easyui-1.6.11/locale/easyui-lang-zh_CN.js "祝辞& lt;/script>   之前      

2。前台页面定义了一个按钮(代码)

        & lt; div比;   & lt; div比;   & lt; a href=" javascript:无效(0);“rel=巴獠縩ofollow”class=癳asyui-menubutton”数据选项=辈说?# layout_north_pfMenu, iconCls: icon-ok”在更换皮肤& lt;/a>   & lt;/div>   & lt;/div>   & lt; div id=發ayout_north_pfMenu”比;   & lt; div”changeTheme(“违约”);“祝辞default
  & lt; div”changeTheme(“黑色”);“祝辞black
  & lt; div”changeTheme(“引导”);“祝辞bootstrap