導航條

原創 司空代涵 2018-08-24 03:52

1.水平

①.頂部，圖像隨鼠標滑動，僅2 層，ie7+



代碼下載
http://download.csdn.net/download/u010127996/9515404

②頂部，二級導航內容上下滑動打開，僅2 層，ie7+



代碼下載
http://download.csdn.net/download/u010127996/9515547

2.垂直

①.左部，多層,ie8+
電腦 手機

代碼下載
http://download.csdn.net/download/u010127996/9528398

3.仿蘋果導航條

①.每個圖像由兩張圖片組成，最大狀態下和平時是兩張圖片，ie9+




代碼下載

http://download.csdn.net/download/u010127996/9495071


②.鼠標放上去該圖片放大，爲一張圖片，ie7+，代碼更簡易


代碼下載

http://download.csdn.net/download/u010127996/9523056




發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

動手實操 | 作爲一名美女設計師，她用 6 小時寫了個上傳七牛雲的桌面客戶端...

在這個項目上，也就是前端的工作居多。 某日，一友人因把文件上傳到 Dropbox 而引發衆怒。同時，百度網盤也越來越不好用了。我隨意吐槽之。 於是乎，就有了這個項目。某個週六深夜，寫小程序已悶死，突然想起答應友人的事情了。經過

七牛云 2020-07-05 19:10:50

程序人生 - 空調除溼與製冷的區別？

一、指代不同 1、除溼：是指整個空調處於除溼運轉狀態，du此時室內機的zhi風扇運轉很慢，目的是爲了便於空氣中的水dao氣凝結成液體達到除溼的效果。 2、製冷：製冷系統內製冷劑的低壓蒸汽被壓縮機吸入並壓縮爲高壓蒸汽後排至冷凝器，室內空氣

Lux_Sun 2020-06-30 13:47:19

React+router+redux兼容ie8下的頁面效果

在虛擬機下進行測試，性能還是相當不錯的，但不能涉及大數據刷新，ie8下不適合大數據刷新渲染，性能會差很多，簡單的頁面顯示和數據渲染是沒問題的

zjw0742 2020-06-26 09:01:34

基於rapheal圖片放大 縮小 旋轉 拖拽 雙擊

rapheal中文api：http://html5css3webapp.com/raphaelApi.htm Raphael Javascript 是一個 Javascript的矢量庫。 英文原版官網：http://raphaeljs.

画夜 2020-06-25 17:12:07

JavaScript圓形鐘錶效果代碼實例

分享一段代碼實例，它實現了利用js實現了自動讀取本地時間的圓形鐘錶效果。 代碼實例如下: 0010020030040050060070080090100110120130140150160170180190200210220230

Return_KB 2020-06-24 23:20:33

js點擊當前鏈接背景變色其他鏈接恢復原來背景色

可能大家都見過這樣的效果，點擊一個鏈接背景會變色，當再點擊其他鏈接的時候，之前被點擊的鏈接背景顏色又會恢復。下面就通過代碼實例介紹一下如何實現此效果。 代碼如下: [HTML] 純文本查看 複製代碼運行代碼010203040506

Return_KB 2020-06-24 23:20:33

js重力球效果代碼實例

分享一段代碼實例，它利用js實現了重力球效果。 本例子中，用鼠標向下拖動小球，然後鬆開即可查看演示。 代碼實例如下: 00100200300400500600700800901001101201301401501601

Return_KB 2020-06-24 23:20:21

UI05_ 製造一個毛玻璃效果

首先,先創建一個UIImageView的對象. 注意, 本文已將ARC改爲MRC. UIImageView *imageview = [[UIImageView alloc] initWithImage:[UIImage ima

Gao_zi 2020-06-23 02:36:31

在網頁中加入百度地圖

1.使用百度地圖名片，可以獲得具體某個地址對應的百度地圖鏈接，http://jingyan.baidu.com/article/454316ab7a7111f7a7c03aa0.html

司空代涵 2020-06-20 11:52:35

視差容錯

1.背景內容滑動速度與滑動條滑動速度一致【隨着滑動條而滑動】 解決方法： 將background-attachment 屬性設置爲 "scroll"（默認） 實例： css: .top1{background:url(../imag

司空代涵 2020-06-20 03:22:05

自定義二維碼 相機界面

這個簡單的實例實在ZBarReaderViewController的view層上再加一層用於定義自己的界面 - (void)QRscan {     ZBarReaderViewController *reader = [ZBar

York_Le 2020-06-19 10:01:11

算法是內功，程序員別冷落算法

算法的力量 算法是計算機科學領域最重要的基石之一，但卻受到了國內一些程序員的冷落。許多學生看到一些公司在招聘時要求的編程語言五花八門就產生了一種誤解，認爲學計算機就是學各種編程語言，或者認爲，學習最新的語言、技術、標準就是最好的

QQ1394520090 2020-06-16 15:48:21

HTML DOM的基本知識

HTML DOM　基本知識總結 1.HTML DOM 訪問 通過使用 getElementById() 方法   語法：node.getElementById("id");通過使用 getElementsByTagName() 方法

chr23899 2020-06-16 14:14:49

16個最佳HTML5超酷動畫演示及源碼

今天是週末，一起來回顧一下分享的最佳HTML5 3D動畫演示及源碼，HTML5非常強大，是WEB開發的未來。1、HTML5/CSS3圖片選擇動畫 可選擇多張圖片之前我們已經分享過幾款很酷的HTML5圖片特效，像HTML5 3D圖片

yanyiping992 2020-06-16 12:10:17

8個炫酷實用的HTML5應用和jQuery插件

又開始了新的一週，我們也將繼續爲大家分享許多優秀的HTML5應用和jQuery插件，作爲前端開發者來說，這些資源可以幫助你在項目開發上派上用場。下面一起來看看這些炫酷而實用的HTML5應用和jQuery插件吧。1、jQuery/C

yanyiping992 2020-06-16 12:10:16