-
預(yù)覽一個(gè)網(wǎng)頁同時(shí)出現(xiàn)選項(xiàng)卡和滑動(dòng)門的代碼
2012-11-23簡(jiǎn)潔TAB效果,一個(gè)網(wǎng)頁同時(shí)出現(xiàn)選項(xiàng)卡和動(dòng)門的代碼,有一些朋友問到了這個(gè)問題,現(xiàn)在這段代碼可以幫你開拓一下思路。顏色搭配是隨便弄的,請(qǐng)自己調(diào)整一下。 -
預(yù)覽類似Windows風(fēng)格的導(dǎo)航菜單,CSS+JavaScript實(shí)現(xiàn)
2012-11-23類似Windows風(fēng)格的導(dǎo)航菜單,CSS+JavaScript實(shí)現(xiàn),有人或許會(huì)喜歡這種菜單,通過各種顏色的修飾形成類似Windows窗體以及按鈕的風(fēng)格,具有立體感,當(dāng)然 ,修改顏色值會(huì)改變風(fēng)格,換成你想要的樣式。 -
預(yù)覽從百度扒下來的Js豎直伸縮菜單
2012-11-23這個(gè)菜單是從百度推廣扒下來的,去掉了CSS文件,僅保留核心的Js動(dòng)作,點(diǎn)擊每一項(xiàng)的標(biāo)題,可展開二級(jí)的子項(xiàng)菜單,想用的朋友自己添加樣式,這樣更能符合你網(wǎng)站的主題。 -
預(yù)覽面試時(shí)候?qū)懙腃SS橫向二級(jí)菜單
2012-11-22面試時(shí)候?qū)懙臋M向二級(jí)菜單,CSS配合了JavaScript,比較通用,形式也不錯(cuò),因時(shí)間關(guān)系沒有過多美化,放上來讓大家繼續(xù)完善或修改美化,感覺還是挺實(shí)用的,希望大家喜歡。 -
預(yù)覽定時(shí)自動(dòng)切換的選項(xiàng)卡Tab
2012-11-22JavaScript配合CSS制作一個(gè)能自動(dòng) 切換的網(wǎng)頁選項(xiàng)卡,每隔一段時(shí)間,它就自動(dòng)切換選項(xiàng)卡列表和標(biāo)題,時(shí)間自設(shè),這里要注意,用于產(chǎn)生changeTabInterval的隨機(jī)數(shù),防止頁面上TabPane過多,如果設(shè)置的changeTabInterval都一樣的話會(huì)產(chǎn)生整齊劃一的切換的效果,不美觀. -
預(yù)覽行為、結(jié)構(gòu)、表現(xiàn)分離的CSS選項(xiàng)卡
2012-11-21行為、結(jié)構(gòu)、表現(xiàn)分離的CSS選項(xiàng),僅供學(xué)習(xí)參考,使用時(shí)候可能會(huì)有問題,因?yàn)檫@種寫法需要DIV ID和 a的名稱要一致,否則看不到效果,如果你的ID是中文,那就慘了! < 2/DTD/xhtml1-s -
預(yù)覽注重體驗(yàn)、語義、兼容的TAB滑動(dòng)門修正版
2012-11-21根據(jù)以前的一個(gè)tab,加上新的結(jié)構(gòu)基礎(chǔ)做出來的。兼容IE6-IE8、FireFox、Chrome、Opera和Safari。如果你不介意display:none出現(xiàn)在CSS里的話,可以小改一下,那結(jié)構(gòu)、樣式、行為就算是完全分離開了。至于具體的代碼我這里就不分析了,大家看看就知,很容易看懂。 -
預(yù)覽豎直右側(cè)滑動(dòng)的可控菜單,JavaScript+CSS
2012-11-21豎直的滑動(dòng)門菜單,在右側(cè)控制滑動(dòng),JavaScript+CSS,兼容IE6/IE7/FF/opera等瀏覽器,灰色風(fēng)格,實(shí)用簡(jiǎn)約,希望大家喜歡哦,可以做一個(gè)標(biāo)準(zhǔn)的滑動(dòng)門教程。 -
預(yù)覽UL、LI 無序列表實(shí)現(xiàn)純CSS網(wǎng)站導(dǎo)航菜單
2012-11-21三行的純CSS網(wǎng)站導(dǎo)航欄菜單,改改風(fēng)格,讓大家感到新鮮一點(diǎn),其它主要還是使用了Li列表,整體布局簡(jiǎn)潔,美觀大方,適合大部分網(wǎng)站使用,顏色和菜單空隙可隨意調(diào)節(jié),希望大家喜歡。 -
預(yù)覽豎向選項(xiàng)卡,藍(lán)色樣式
2012-11-21豎向選項(xiàng)卡系列之一,藍(lán)色簡(jiǎn)約型,只有線條修飾,沒有使用任何圖片,移植方便,拷貝即可用,有些地方還需完善。 -
預(yù)覽這么簡(jiǎn)單就實(shí)現(xiàn)了CSS滑動(dòng)菜單(滑動(dòng)門)
2012-11-21一個(gè)簡(jiǎn)單方法實(shí)現(xiàn)了CSS滑動(dòng)門菜單,正研究滑動(dòng)門的朋友請(qǐng)關(guān)注一下,這個(gè)代碼可以讓你了解滑動(dòng)門的實(shí)現(xiàn)過程,沒有用什么復(fù)雜的方法,只用簡(jiǎn)單配合JS,就完成了一個(gè)流行的滑動(dòng)導(dǎo)航。 -
預(yù)覽纖細(xì)線條型CSS滑動(dòng)門
2012-11-21簡(jiǎn)約的纖細(xì)線條型CSS滑動(dòng)門,說實(shí)施,本人比較喜歡這種風(fēng)格,瀏覽器也不用那么費(fèi)勁的去解析,而且讓瀏覽者也行一目了然,簡(jiǎn)單是最實(shí)用的方法,沒有必要把網(wǎng)頁搞的五顏六色,用戶方便感覺方便是最好不過了。 -
預(yù)覽圍成3D模型的JS圖片旋轉(zhuǎn)展示代碼
2012-11-21一段JavaScript代碼,圍繞成3D模型樣式的JavaScript圖片旋轉(zhuǎn)展示代碼,這里為了演示方便,將圖片替換成了數(shù)字,預(yù)留出了圖片的位置,這樣速度快些,會(huì)HTML的朋友都知道用時(shí)候該怎么做。本圖片旋轉(zhuǎn)需要手功控制,每點(diǎn)擊一下,圖片旋轉(zhuǎn)一次,很方便。 -
預(yù)覽又一個(gè)超強(qiáng)的橫向6級(jí)展開菜單
2012-11-18又一個(gè)超強(qiáng)的6級(jí)展開菜單,橫向布局,通用性強(qiáng),橙色調(diào)。這個(gè)菜單可以作為數(shù)碼產(chǎn)品類的輔助導(dǎo)航,當(dāng)然也可以作為一級(jí)導(dǎo)航,主要在外國(guó)的網(wǎng)站用得多,因?yàn)槔贤獾木W(wǎng)站大多都比較實(shí)用簡(jiǎn)潔,你可以根據(jù)需要自由擴(kuò)展。 -
預(yù)覽CSS實(shí)現(xiàn)折疊的菜單
2012-11-18這個(gè)是用純CSS實(shí)現(xiàn)的折疊菜單代碼,暖色調(diào)非常漂亮哦,測(cè)試發(fā)現(xiàn)兼容性也挺好,有用的朋友先收藏一下吧。 -
預(yù)覽兼容IE各版本的純CSS二級(jí)下拉菜單
2012-11-18這是一個(gè)標(biāo)準(zhǔn)的CSS下拉菜單制作教程,有針對(duì)目前流行的IE6/IE7/IE8不同版本的CSS代碼,因此可以在IE之間完全兼容,不過其它的瀏覽器像火狐/GG瀏覽器之類的沒有測(cè)試,如果兼容IE8的話,那么兼容火狐應(yīng)該問題不大吧。菜單使用藍(lán)色基調(diào),滑向二級(jí)菜單更換背景,操作的感覺很舒服。 -
預(yù)覽JS+CSS但分類動(dòng)態(tài)選擇及移動(dòng)功能
2012-11-18這是一個(gè)類似選項(xiàng)卡功能的選擇插件,與普通的TAb區(qū)別是加入了動(dòng)畫效果,多用于商品類網(wǎng)站,用作商品分類功能,不過其它網(wǎng)站也可以用,點(diǎn)擊運(yùn)行一下你會(huì)知道它的奧妙,它用JavaScript模擬出了Flash動(dòng)畫的效果,很貼切。 -
預(yù)覽編輯推薦:DIV+CSS仿京東商城導(dǎo)航條
2012-11-18編輯推薦:DIV+CSS仿京東商城導(dǎo)航條 < onal.dtd> <html xmlns=1999/ -
預(yù)覽jQuery1.3.2豎向的伸縮菜單
2012-11-18使用jquery1.3.2制作的豎向伸縮菜單,每點(diǎn)擊一次主菜單,會(huì)拉開出對(duì)應(yīng)的二級(jí)菜單,再次點(diǎn)擊會(huì)合攏,歡迎下載使用。 -
預(yù)覽JavaScript雙級(jí)下拉菜單
2012-11-18JS+CSS共同結(jié)合完成的雙級(jí)下拉菜單,符合WEB標(biāo)準(zhǔn),可作為一個(gè)標(biāo)準(zhǔn)的實(shí)例來掌握。
菜單導(dǎo)航特效Rss訂閱特效代碼搜索
菜單導(dǎo)航特效推薦
- 一個(gè)網(wǎng)頁同時(shí)出現(xiàn)選項(xiàng)卡和滑動(dòng)門的代碼
- 類似Windows風(fēng)格的導(dǎo)航菜單,CSS+JavaScript實(shí)現(xiàn)
- 從百度扒下來的Js豎直伸縮菜單
- 面試時(shí)候?qū)懙腃SS橫向二級(jí)菜單
- 定時(shí)自動(dòng)切換的選項(xiàng)卡Tab
- 行為、結(jié)構(gòu)、表現(xiàn)分離的CSS選項(xiàng)卡
- 纖細(xì)線條型CSS滑動(dòng)門
- 這么簡(jiǎn)單就實(shí)現(xiàn)了CSS滑動(dòng)菜單(滑動(dòng)門)
- 豎向選項(xiàng)卡,藍(lán)色樣式
- UL、LI 無序列表實(shí)現(xiàn)純CSS網(wǎng)站導(dǎo)航菜單
猜你也喜歡看這些
- 相關(guān)鏈接:
- 欄目說明:
菜單導(dǎo)航:提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。