純CSS3打造滑動下拉導航菜單
menu.css: 用到的圖片: menu_bg.png lavalamp.png menu_line.png 最終效果圖: ...
原文：打造簡易可擴展的jQuery/CSS3 Tab菜單
今天我們利用jQuery和CSS 來打造一款簡易而且擴展性強的Tab菜單，這款Tab菜單在切換時也有滑塊的效果，先來看看效果圖： 由與Tab菜單比較假單，你也可以用CSS代碼定制你自己需要的外觀。 我們可以在這里看到這款Tab菜單的DEMO演示。 看完演示，再來解讀一下這款Tab菜單的源代碼，主要由CSS代碼和jQuery代碼兩塊。 先是上簡單的HTML代碼： 這里我們可以看到，Tab菜單的菜單部 ...
2014-05-03 12:51 0 2941 推薦指數：
相關推薦
8款超酷實用的CSS3 Tab菜單集合
1、CSS3華麗的Tab菜單 帶小圖標動畫 之前我們分享過一款非常出色的CSS3 Tab菜單HTML5 SVG Tab滑塊菜單，結合SVG，Tab菜單實現非常靈活。今天我們要再來分享一款基於CSS3的華麗Tab菜單，這款Tab菜單的菜單項是一個個小圖標，鼠標滑過時，菜單項展示對應文字，並出現展開 ...
學用純CSS3打造可折疊樹狀菜單
CSS執行順序與優先權的問題其實就是一個沖突解決的問題，當同一個元素(或內容)被CSS選擇符選中時，就要按照優先權取舍不同的CSS規則，這其中涉及到的問題其實很多。首先就是CSS規則的specificity(特殊性)，CSS2.1有一套關於specificity的計算方式，用一個四位的數字串 ...
使用 jQuery 和 CSS3 制作滑動導航菜單
網站開發中很有用的 jQuery 效果【附源碼】 分享35個讓人驚訝的 CSS3 動畫效果演 ...
jQuery css3仿游戲網站右鍵環形菜單
效果展示 http://hovertree.com/texiao/jquery/86/PC用戶右鍵彈出環形菜單。手機用戶掃描二維碼：長安可以彈出環形菜單。 轉自：http://hovertree.com/h/bjaf/aht9w1n8.htm web前端特效:http ...
css3制作扇形菜單
工作中網頁中有一個扇形的導航菜單,以前沒有接觸過,參考了http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html以及原網站http://tympanus.net/codrops/2013 ...
自創簡易CSS Tab 選項卡
前段時間我注冊了 w3c.run域名，打算做一個W3C相關技術在線試驗工具。沒錯，就是在線編寫html、css、js代碼然后在線運行，查看效果。 在設計首頁時，我打算首頁提供三個代碼編輯器，介於界面大小限制，不宜同時顯示三個編輯器，考慮采用tab選項卡切換的方式展現。 另外考慮到頁面加載速度 ...
19款絢麗實用的jQuery/CSS3側邊欄菜單
jQuery作為一款主流的JavaScript前端開發框架，深受廣告開發者的親睞，同時jQuery有着不計其數的插件，特別是菜單插件更為豐富，本文將要為大家介紹20個絢麗而實用的jQuery側邊欄菜單，這些側邊欄菜單可以用在不同風格的網頁上，如果你覺得不錯，也可以進入其下載頁面下載菜單源代碼 ...