<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-9  評論-168  文章-266  trackbacks-0

    HTML:
       <ul id="knowledgemenu" class="x-hidden mymenu">
          <li><a id="knowledge"  class="menubar">知識導航</a></li>
          <li><a id="bbs"    class="menubar">公告</a></li>
          <li><a id="question"    class="menubar">待解決問題</a></li>
          <li><a id="sloved"    class="menubar">已解決問題</a></li>
          <li><a id="knownw"   class="menubar">知識貢獻</a></li>
          <li><a id="tagslist"    class="menubar">Tags</a></li>
        </ul>
        <ul id="libmenu" class="x-hidden mymenu">
          <li><a id="knownlist"  class="menubar">文章庫</a></li>
          <li><a id="booklist"  class="menubar">圖書庫</a></li>
          <li><a id="A1"  class="menubar">軟件庫</a></li>
        </ul>
    CSS:

    .menubar {
     border-bottom: 1px solid #AACCF6;
     color: #222222;
     cursor: pointer;
     display: block;
     height: 20px;
     width: 50px;
     line-height: 17px;
     outline-color: -moz-use-text-color;
     outline-style: none;
     outline-width: 0;
     padding: 3px;
     text-align: center;
     text-decoration: none;
     white-space: nowrap;
    }

    .menubar:hover {     //鼠標懸停上時觸發
     background: #EBF3FD url(../item-over.gif) repeat-x scroll left bottom;
     text-decoration: none;
    }


    JS:
        var knowledgemenu = new Ext.Panel({
                     title: '翰維知道',
                     contentEl:'knowledgemenu',  //DOM標簽ID
                     border:false,
                        iconCls:'nav'
                    });
        var libmenu = new Ext.Panel({
                     title: '專題',
                     contentEl:'libmenu',
                     border:false,
                        iconCls:'nav'
                    });
        var westPanel=new Ext.Panel({
                        region:'west',
                        el:'west',
                        title:'功能菜單',
                        collapsible: true,    //本窗口伸縮
                        //collapseMode:'mini',
                        split:true,
                        width: 175,
                        minSize: 175,
                        maxSize: 175,
                        margins:{left: 10, top: 0, right: 0, bottom: 0},
                        layout:'accordion',   //子窗口為折疊
                        layoutConfig:{
                            animate:true
                           // fill :false
                        },
                        items:[knowledgemenu, libmenu]
        }); 
    posted on 2009-05-27 16:22 紫蝶∏飛揚↗ 閱讀(15891) 評論(5)  編輯  收藏 所屬分類: EXTJS

    評論:
    # re: Extjs 漂亮的Panel折疊伸縮控件 layout:'accordion' 2010-08-02 10:15 | Mr.1
    你好你 這個例子里面的 iconCls:'nav'的nav樣式定義在那里的,可以貼出來我看看嗎  回復  更多評論
      
    # re: Extjs 漂亮的Panel折疊伸縮控件 layout:'accordion' 2010-11-10 10:09 | nav樣式
    <style type="text/css">
    html, body {
    font:normal 12px verdana;
    margin:0;
    padding:0;
    border:0 none;
    overflow:hidden;
    height:100%;
    }
    p {
    margin:5px;
    }
    .nav {
    background-image:url(examples/shared/icons/fam/folder_go.png);
    }
    </style>  回復  更多評論
      
    # re: Extjs 漂亮的Panel折疊伸縮控件 layout:'accordion' 2010-11-18 14:08 | 帥呆呆
    不錯,好。
    學習了。頂  回復  更多評論
      
    # re: Extjs 漂亮的Panel折疊伸縮控件 layout:'accordion' 2011-05-05 16:52 | xmllong
    樓主,能不能把你上面代碼中用到的圖片發上來,萬分感謝:)
    examples/shared/icons/fam/folder_go.png
    ../item-over.gif  回復  更多評論
      
    # re: Extjs 漂亮的Panel折疊伸縮控件 layout:'accordion' 2011-05-05 22:48 | love
    能把這個頁面的完整代碼發上來嗎:俺初學EXT  回復  更多評論
      
    主站蜘蛛池模板: 亚洲自偷自偷在线制服| 国产精品色午夜免费视频| 亚洲av无码专区在线播放| 巨胸喷奶水www永久免费| 国产亚洲精品看片在线观看| 污污的视频在线免费观看| 亚洲高清视频一视频二视频三| 真人无码作爱免费视频| 亚洲日本韩国在线| 久久久精品国产亚洲成人满18免费网站| 亚洲午夜精品久久久久久浪潮| 中文字幕一区二区三区免费视频| 亚洲国产精品无码久久久不卡| 免费精品久久天干天干| 亚洲美女一区二区三区| 扒开双腿猛进入爽爽免费视频 | 免费国产高清毛不卡片基地| 亚洲成AV人网址| 三级黄色免费观看| 亚洲国产精品成人久久久| 成年美女黄网站18禁免费| 老妇激情毛片免费| 亚洲AV综合色区无码一区 | 免费福利在线视频| 亚洲国产av美女网站| 四虎在线视频免费观看| 黄床大片30分钟免费看| 久久久久亚洲AV片无码| 91香蕉视频免费| 一级做a毛片免费视频 | 亚洲欧美日韩国产成人| 久久亚洲国产精品123区| 4399影视免费观看高清直播| 亚洲丶国产丶欧美一区二区三区| a级亚洲片精品久久久久久久| 在线日本高清免费不卡| 亚洲av成人一区二区三区观看在线 | 成全在线观看免费观看大全| 亚洲欧洲日产国产最新| 亚洲国产精品成人网址天堂| 91人人区免费区人人|