Ext动态主题切换
<script type="text/javascript" language="javascript" src="ext-3.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" language="javascript" src="ext-3.2.1/ext-all.js"></script>
<script type="text/javascript" language="javascript" src="ext-3.2.1/examples/shared/examples.js"></script>
//关键点
<link rel="stylesheet" type="text/css" id="default-skin" href="ext-3.2.1/resources/css/xtheme-access.css" />
<body>
</body>
</html>
<script>
Ext.onReady(function(){
var win=new Ext.Window({
title:'切换主题',
width:600,
height:400,
renderTo:Ext.getBody(),
bbar:[{
text:'切换主题',
handler:function(){
Ext.util.CSS.swapStyleSheet('default-skin','ext-3.2.1/resources/css/xtheme-blue.css');
}
}]
});
win.show();
});
</script>
补充:web前端 , JavaScript ,