模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標(biāo)簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標(biāo)素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導(dǎo)航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時(shí)間
計(jì)算轉(zhuǎn)換
鍵盤鼠標(biāo)
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
菜單導(dǎo)航特效代碼
>
收藏
分享
查看評(píng)論
菜單導(dǎo)航
演示
CSS柱狀圖形菜單_菜單導(dǎo)航特效
查看演示效果
特效Tag：
圖形菜單
柱狀
添加
CSS柱狀圖形菜單,您可以先修改部分代碼再運(yùn)行.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <TITLE>CSS柱狀圖形菜單</TITLE> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <style type="text/css"> .bargraph { font: 0.6em/2em Arial; color: #ddb; border-collapse: collapse; width: 476px; font-size:12px; } .bargraph td { padding:0; margin:0; vertical-align:bottom; text-align:center; background: #2d271c url(http://p1.mb5u.com/texiao/gridline.gif) 15px bottom; } .bargraph th { background: #2d271c; } .bargraph img { display:block; border-right: 1px solid #000; } </style> </head> <body> <table class="bargraph"> <tr> <th>Visits 2005</th> <td>10000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="10" alt="10000" /></td> <td>15000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="30" alt="15000" /></td> <td>20000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="40" alt="20000" /></td> <td>30000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="60" alt="30000" /></td> <td>35000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="70" alt="35000" /></td> <td>40000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="80" alt="40000" /></td> <td>50000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="100" alt="50000" /></td> <td>60000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="120" alt="60000" /></td> <td>70000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="140" alt="70000" /></td> <td>80000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="160" alt="80000" /></td> <td>90000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="180" alt="90000" /></td> <td>100000<img src="http://p1.mb5u.com/texiao/column.gif" width="36" height="200" alt="100000" /></td> </tr> <tr> <th></th> <th>Jan</th> <th>Feb</th> <th>Mar</th> <th>Apr</th> <th>May</th> <th>Jun</th> <th>Jul</th> <th>Aug</th> <th>Sep</th> <th>Oct</th> <th>Nov</th> <th>Dec</th> </tr> </table> </body> </html>
所屬頻道：
菜單導(dǎo)航特效
/
更新時(shí)間：2011-02-23
[收藏]
[報(bào)錯(cuò)]
[返回列表]
相關(guān)
菜單導(dǎo)航特效
：
CSS+div+js組合強(qiáng)大實(shí)現(xiàn)超酷菜單
超酷仿GOOGLE首頁導(dǎo)航菜單效果
仿網(wǎng)易的滑動(dòng)門技術(shù)DIV+CSS實(shí)現(xiàn)
仿藍(lán)色理想網(wǎng)站的導(dǎo)航菜單
鼠標(biāo)觸及帶邊框菜單
用JS實(shí)現(xiàn)的類似框架的鏈接導(dǎo)航模式
CSS立體層
右鍵彈出菜單
純css的導(dǎo)航下拉菜單
隱藏菜單效果
css模擬title和alt的提示效果
下拉菜單鏈接頁面打開方式選擇
菜單導(dǎo)航特效Rss訂閱
特效代碼搜索
菜單導(dǎo)航特效推薦
帶陰影綠色的CSS網(wǎng)站導(dǎo)航條
淺黃色簡潔CSS欄目導(dǎo)航
酷似FLASH的豎向菜單
兼容IE各版本的純CSS二級(jí)下拉菜單
CSS柱狀圖形菜單
簡單菜單
純CSS下拉式導(dǎo)航菜單
透明度慢慢變化的豎向JS+css菜單
超帥的CSS菜單導(dǎo)航(當(dāng)前項(xiàng)帶下劃線)
注重體驗(yàn)、語義、兼容的TAB滑動(dòng)門修正版
猜你也喜歡看這些
jQuery 鼠標(biāo)懸停圖片色彩漸顯效果
JavaScript 控制圖片改變重疊順序
來自騰訊的JavaScript圖片滑動(dòng)
圖像大小選樣式
Javscript+CSS圖片查看提取顯示器代碼
jQuery 圖片切換，帶標(biāo)題和說明文字
CSS實(shí)現(xiàn)圖片拖影效果
JS模擬Windows的圖片放大特效
Google紀(jì)念Logo小球下落特效
JS圖片切換學(xué)習(xí)版，沒有過多修飾
相關(guān)鏈接：
復(fù)制本頁鏈接
|
搜索CSS柱狀圖形菜單
特效說明：
菜單導(dǎo)航模板
-
CSS柱狀圖形菜單
。
。。