中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

用CSS打造抽屜菜單

2014-10-26 20:20:03 分類：HTML/CSS技術(shù) 閱讀()

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">         <head>                 <title>宜廣宣傳廣告 </title>                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />                 <meta name="title" content="" />                 <meta name="author" content="http://m.htw9146.cn/"/>                 <meta name="subject" content="" />                 <meta name="language" content="en" />                 <meta name="keywords" content="" />     <style type="text/css">    #leftside{ float:left; background-color:#00468C; width:150px; margin:0 auto; text-align:center; padding:10px 0;}      #leftside.show_about p.about{ display:block;}      #leftside.meta p.meta{ display:block; }      #leftside.ads p.ads{ display:block;}      #leftside a{ display:block;}            #leftside a{ text-decoration:none; color:black;}            #leftside a:hover{ background:#FFD7EB url(images/common/bb_url.gif) no-repeat 10px center; }            #leftside .class1 a:hover{ background:#FFD7EB url(images/common/bb_url.gif) no-repeat 10px center;}    p.top{ background-color:#F9E006; line-height:2;}    p.normal{ background:#8CC6FF url(images/common/bb_url.gif) no-repeat 10px center; margin:10px; font:16px/1.5 宋體; }    p.about,p.meta,p.ads{ display:none;}    .class1{ display:block; margin:10px 20px; background:#fff url(images/common/bb_url.gif) no-repeat 10px center; font:14px/1.5 宋體;}                  </style>                  </head>                             <body onload="">                              <p class="top"> </p>            <p class="normal">首頁</p>            <p class="normal" onclick="shq.$('leftside').className=shq.$('leftside').className==''?'show_about':''">關(guān)于宣廣</p>                                        <p class="about class1">公司介紹</p>                    <p class="about class1">宣廣結(jié)構(gòu)</p>                    <p class="about class1">宣廣優(yōu)勢</p>                    <p class="about class1">宣廣歷程</p>                    <p class="about class1">宣廣榮譽</p>                    <p class="about class1">宣廣團隊</p>                    <p class="about class1">文化交流</p>                                <p class="normal">公司新聞</p>            <p class="normal">服務(wù)項目</p>            <p class="normal" onclick="shq.$('leftside').className=shq.$('leftside').className==''?'meta':''">宣廣媒介</p>                                        <p class="meta class1">獨家媒體</p>                    <p class="meta class1">其它媒體</p>                    <p class="meta class1">快客車載</p>                    <p class="meta class1">戶外發(fā)布</p>                                        <p class="normal" onclick="shq.$('leftside').className=shq.$('leftside').className==''?'ads':''">成功客戶</p>                                         <p class="ads class1">客戶商標</p>                    <p class="ads class1">成功案例</p>                                        <p class="normal">人才招聘</p>                    <p class="normal">聯(lián)系我們</p>                                                                                </body>                  </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

HTML/CSS技術(shù)：用CSS打造抽屜菜單，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

標簽：

相關(guān)文章閱讀

(X)HTML Strict 下的嵌套規(guī)則
美化html段落文本 Ⅰ
修正IE下使用CSS屬性overflow的bug
CSS設(shè)置網(wǎng)頁的字體防瀏覽器瀏覽頁面字體變形

主站蜘蛛池模板：久久i| 亚洲精品一区二区三区丝袜 | 成人网av | 免费的网站www | 午夜色播 | 精品九九在线 | 欧美视频一区二区三区 | 色婷婷久久综合 | 亚洲欧美综合网 | 久久精品成人热国产成 | 日本不卡免费新一二三区 | 久久久国产亚洲精品 | 日韩视频二区 | 欧美另类视频 | 羞羞视频在线观看免费观看 | 伊人网伊人网 | 国产一区二区三区在线 | 正在播放亚洲 | 亚洲国产欧美国产综合一区 | 日本在线视频一区二区 | 国产精品久久久久av | 亚洲一区中文字幕在线观看 | 日本精品一区二区三区视频 | 中文字幕成人在线 | www精品 | 亚洲成人综合在线 | 97久久精品午夜一区二区 | 国产精品久久国产精品99 gif | 欧美国产日韩精品 | 成人av电影在线 | 老司机免费视频 | 国产一区二区免费在线 | 免费观看一级特黄欧美大片 | 欧洲一级视频 | 欧美激情一区二区 | 国产高清视频一区二区 | 99热精品久久 | 亚洲a视频| 久久免费视频1 | 一级在线观看 | 亚洲a一区 |

<button id="nlarm"><tbody id="nlarm"><label id="nlarm"></label></tbody></button><span id="nlarm"><ins id="nlarm"><output id="nlarm"></output></ins></span>