菜单动态变样式

王亚龙

ext.js的Accordion这个方法，是点击菜单的时候会触发。我现在需要找到展开、收缩菜单的 js方法。这个方法在什么位置，麻烦告知下。

我现在需要实现这样的效果，点击一个菜单的时候，这个菜单的图标和文字就变成白色，背景变成蓝色。其他的菜单是黑色，白背景。  切换到其他菜单的时候，在这个方法只能获取到当前行的元素，其他行的样式就没办法设置了。

jishuang

css调试跟踪样式啊，如下

1. 修改功能树字体样式
   
2. /UI/portal/x5/css/style.default.css
   
3. .accordion {font-size:18px;background:#ccc; padding:1px 3px 3px; margin:0}
   
4. .accordion dt {font-size:18px;background:#fff;font-weight:bold; color:#777; border:1px solid #bbb; padding:4px 6px; cursor:pointer; margin:2px 0 0}
   
5. .accordion dt:hover {font-size:18px;background:#f0f0f0;color:#333}
   
6. .accordion dt.on {font-size:18px;background:url(d/tabon.gif) repeat-x; color:#333}
   
7. .accordion dd {font-size:18px;background:#fff; overflow-x:auto; padding:3px; border-width:0px 1px 1px 1px; border-style:solid; border-color:#bbb; display:none}
   

复制代码

王亚龙

jishuang 发表于 2022-3-2 12:02
css调试跟踪样式啊，如下

现在难点在于这个菜单上的图片怎么动态替换，第一级菜单只能放image展示图片，其他元素展示不了图片。image的图片在css是替换不了的。
我现在只能在jQuery里面去替换 image的图片路径

jishuang

model\UI\portal\system\js\portal.js文件中下面的部分是拼接的图片，可以自己修改