www.byteedu.com 首頁(yè)樣式

<div class="deannavbox">
    <div class="deannavboxname">
        <ul>
            <li class="deanli1">
                <a href="#" target="_blank" class="deanaaa"><em>系統(tǒng)/運(yùn)維 · 大數(shù)據(jù)</em></a>
                <div class="deanp"><a href="#" target="_blank">Linux</a><a href="#" target="_blank">深度學(xué)習(xí)</a><a href="#" target="_blank">Windows</a></div>
            </li>
            <li class="deanli2">
                <a href="#" target="_blank" class="deanaaa"><em>編程語(yǔ)言 · Web開發(fā)</em></a>
                <div class="deanp"><a href="#" target="_blank">Python</a><a href="#" target="_blank">PHP</a><a href="#" target="_blank">Java</a></div>
            </li>
            <li class="deanli3">
                <a href="#" target="_blank" class="deanaaa"><em>移動(dòng)開發(fā) · 游戲開發(fā)</em></a>
                <div class="deanp"><a href="#" target="_blank">HTML5</a><a href="#" target="_blank">Unity3D</a><a href="#" target="_blank">移動(dòng)測(cè)試</a></div>
            </li>
            <li class="deanli4">
                <a href="#" target="_blank" class="deanaaa"><em>考試認(rèn)證 · 網(wǎng)絡(luò)技術(shù)</em></a>
                <div class="deanp"><a href="#" target="_blank">軟考</a><a href="#" target="_blank">網(wǎng)絡(luò)管理</a><a href="#" target="_blank">紅帽認(rèn)證</a></div>
            </li>
            <li class="deanli5">
                <a href="#" target="_blank" class="deanaaa"><em>系統(tǒng)/運(yùn)維 · 大數(shù)據(jù)</em></a>
                <div class="deanp"><a href="#" target="_blank">Linux</a><a href="#" target="_blank">深度學(xué)習(xí)</a><a href="#" target="_blank">Windows</a></div>
            </li>
        </ul>
    </div>
    <div class="deannavboxc">
        <ul>
            <li class="deanliwrap1">
                <div class="deanliwrap">
                    <div class="deanliwl">
                        <h3><a href="#" target="_blank">分類</a></h3>
                        <div class="clear"></div>
                        <div class="deanliwdl">    
      
                            <a href="#" target="_blank">Linux</a><em>/</em>
                            <a href="#" target="_blank">Windows</a><em>/</em>
                            <a href="#" target="_blank">Unix</a><em>/</em>
                            <a href="#" target="_blank">Mac</a><em>/</em>
                            <a href="#" target="_blank">os</a><em>/</em>
                            <a href="#" target="_blank">深度學(xué)習(xí)</a><em>/</em>
                            <a href="#" target="_blank">Hadoop</a><em>/</em>
                            <a href="#" target="_blank">Spark</a><em>/</em>
                            <a href="#" target="_blank">Storm</a><em>/</em>
                            <a href="#" target="_blank">Hive</a><em>/</em>
                            <a href="#" target="_blank">Yarn</a><em>/</em>
                            <a href="#" target="_blank">其他</a>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li class="deanliwrap2">
                <div class="deanliwrap">
                    <div class="deanliwl"> 
                        <h3><a href="#" target="_blank">分類</a></h3>
                        <div class="clear"></div>
                        <div class="deanliwdl">          
                            <a href="#" target="_blank">Python</a><em>/</em>
                            <a href="#" target="_blank">Java</a><em>/</em>
                            <a href="#" target="_blank">C/C++</a><em>/</em>
                            <a href="#" target="_blank">.Net</a><em>/</em>
                            <a href="#" target="_blank">Ruby</a><em>/</em>
                            <a href="#" target="_blank">Objective-C</a><em>/</em>
                            <a href="#" target="_blank">Go語(yǔ)言</a><em>/</em>
                            <a href="#" target="_blank">Qt</a><em>/</em>
                            <a href="#" target="_blank">VB</a><em>/</em>
                            <a href="#" target="_blank">Delphi</a><em>/</em>
                            <a href="#" target="_blank">R語(yǔ)言</a><em>/</em>
                            <a href="#" target="_blank">PHP</a><em>/</em>
                            <a href="#" target="_blank">JavaScript</a><em>/</em>
                            <a href="#" target="_blank">jQuery</a><em>/</em>
                            <a href="#" target="_blank">Node.js</a><em>/</em>
                            <a href="#" target="_blank">XML/XSL</a>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li class="deanliwrap3">
                <div class="deanliwrap">
                    <div class="deanliwl">
                        <h3><a href="#" target="_blank">分類</a></h3>
                        <div class="clear"></div>
                        <div class="deanliwdl">       
                            <a href="#" target="_blank">HTML5</a><em>/</em>
                            <a href="#" target="_blank">移動(dòng)測(cè)試</a><em>/</em>
                            <a href="#" target="_blank">微信開發(fā)</a><em>/</em>
                            <a href="#" target="_blank">iOS</a><em>/</em>
                            <a href="#" target="_blank">Android</a><em>/</em>
                            <a href="#" target="_blank">Swift</a><em>/</em>
                            <a href="#" target="_blank">WinPhone</a><em>/</em>
                            <a href="#" target="_blank">Unity3D</a><em>/</em>
                            <a href="#" target="_blank">Cocos2d-x</a><em>/</em>
                            <a href="#" target="_blank">VR虛擬現(xiàn)實(shí) </a><em>/</em>
                            <a href="#" target="_blank">手游開發(fā)</a><em>/</em>
                            <a href="#" target="_blank">Swift</a><em>/</em>
                            <a href="#" target="_blank">3D游戲</a><em>/</em>
                            <a href="#" target="_blank">開發(fā)工具</a><em>/</em>
                            <a href="#" target="_blank">其他</a>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li class="deanliwrap4">
                <div class="deanliwrap">
                    <div class="deanliwl">
                        <h3><a href="#" target="_blank">分類</a></h3>
                        <div class="clear"></div>
                        <div class="deanliwdl">      
    
                            <a href="#" target="_blank">軟考</a><em>/</em>
                            <a href="#" target="_blank">紅帽認(rèn)證</a><em>/</em>
                            <a href="#" target="_blank">華為認(rèn)證</a><em>/</em>
                            <a href="#" target="_blank">思科認(rèn)證</a><em>/</em>
                            <a href="#" target="_blank">微軟認(rèn)證</a><em>/</em>
                            <a href="#" target="_blank">H3C認(rèn)證</a><em>/</em>
                            <a href="#" target="_blank">等級(jí)考試</a><em>/</em>
                            <a href="#" target="_blank">網(wǎng)絡(luò)管理</a><em>/</em>
                            <a href="#" target="_blank">路由交換</a><em>/</em>  
                            <a href="#" target="_blank">安全技術(shù)</a><em>/</em>
                            <a href="#" target="_blank">安全技術(shù)</a><em>/</em>
                            <a href="#" target="_blank">數(shù)據(jù)中心</a>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li class="deanliwrap5">
                <div class="deanliwrap">
                    <div class="deanliwl">
                        <h3><a href="#" target="_blank">分類</a></h3>
                        <div class="clear"></div>
                        <div class="deanliwdl">         
   
                            <a href="#" target="_blank">MySQL</a><em>/</em>
                            <a href="#" target="_blank">Oracle</a><em>/</em>
                            <a href="#" target="_blank">SQL</a><em>/</em>
                            <a href="#" target="_blank">Server</a><em>/</em>
                            <a href="#" target="_blank">Access</a>
                            <a href="#" target="_blank">DB2</a><em>/</em>
                            <a href="#" target="_blank">NoSQL</a><em>/</em>
                            <a href="#" target="_blank">MongoDB</a><em>/</em>
                            <a href="#" target="_blank">Hbase</a><em>/</em>
                            <a href="#" target="_blank">Excel</a><em>/</em>
                            <a href="#" target="_blank">PPT</a><em>/</em>
                            <a href="#" target="_blank">Word</a><em>/</em>
                            <a href="#" target="_blank">其他</a>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        jq(".deannavboxname li").each(function(s){
            jq(this).hover(
                function(){
                    jq(this).addClass("cur");
                    jq(".deannavboxc ul li").eq(s).show();
                },
                function(){
                    jq(this).removeClass("cur");
                    jq(".deannavboxc ul li").eq(s).hide();
                    })
            })
        jq(".deannavboxc ul li").each(function(s){
            jq(this).hover(
            function(){
                jq(this).show();
                jq(".deannavboxname li").eq(s).addClass("cur");
            },
            function(){
                jq(this).hide();
                jq(".deannavboxname li").eq(s).removeClass("cur");
                })
            })
    </script>
</div>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市侄柔,隨后出現(xiàn)的幾起案子庞钢,更是在濱河造成了極大的恐慌名段,老刑警劉巖俺叭,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绪抛,死亡現(xiàn)場(chǎng)離奇詭異饥追,居然都是意外死亡纲刀,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門均蜜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)萨赁,“玉大人,你說(shuō)我怎么就攤上這事兆龙。” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵紫皇,是天一觀的道長(zhǎng)慰安。 經(jīng)常有香客問(wèn)我,道長(zhǎng)聪铺,這世上最難降的妖魔是什么化焕? 我笑而不...
    開封第一講書人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮铃剔,結(jié)果婚禮上撒桨,老公的妹妹穿的比我還像新娘。我一直安慰自己键兜,他們只是感情好凤类,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著普气,像睡著了一般谜疤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上现诀,一...
    開封第一講書人閱讀 51,115評(píng)論 1 296
  • 那天夷磕,我揣著相機(jī)與錄音,去河邊找鬼仔沿。 笑死坐桩,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的封锉。 我是一名探鬼主播绵跷,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼烘浦!你這毒婦竟也來(lái)了抖坪?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤闷叉,失蹤者是張志新(化名)和其女友劉穎擦俐,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體握侧,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蚯瞧,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了品擎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片埋合。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖萄传,靈堂內(nèi)的尸體忽然破棺而出甚颂,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布振诬,位于F島的核電站蹭睡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏赶么。R本人自食惡果不足惜肩豁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辫呻。 院中可真熱鬧清钥,春花似錦、人聲如沸放闺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)雄人。三九已至从橘,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間础钠,已是汗流浹背恰力。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留旗吁,地道東北人踩萎。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像很钓,于是被迫代替她去往敵國(guó)和親香府。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353