最新下載
夢幻水族館
少女前線
星之翼
小花仙精靈樂園
餐廳萌物語
山河旅探
戀與製作人
最強腦3
異塵:達米拉
少年西遊記2
24小時閱讀排行榜
- 1 如何在可調整大小的文字元素中實現省略號截斷?
- 2 diskmsg.dll - 什麼是 diskmsg.dll?
- 3 dialupmanager.dll - 什麼是 dialupmanager.dll?
- 4 diagrpt.dll - 什麼是 diagrpt.dll?
- 5 為什麼具有緩入緩出功能的 CSS 過渡在懸停時表現平穩,但在滑鼠移開時表現突然?
- 6 dicrhash.dll - 什麼是 dicrhash.dll?
- 7 Spring中如何將依賴注入到自實例化物件中?
- 8 為什麼 PHP 在新增和連接整數時會回顯「2」?
- 9 為什麼我的 Java 應用程式使用 GMT 而不是作業系統時區,如何修復它?
- 10 如何在 Java 中有效 Ping HTTP URL:綜合指南
- 11 為什麼我的`std::fstream`創建檔案失敗?
- 12 如何使用「class」屬性綁定到 UI5 XML 視圖中的 CSS 類別?
- 13 為什麼局部變數的緊急恢復不會改變 Go 中的回傳值?
- 14 digiconf.dll - 什麼是 digiconf.dll?
- 15 如何從現有的 PHP 類別產生 UML 圖?
最新教學
-
- 國外Web開發全端課程全集
- 1649 2024-04-24
-
- Go語言實戰之 GraphQL
- 1923 2024-04-19
-
- 550W粉絲大佬手把手從零學JavaScript
- 3343 2024-04-18
-
- python大神Mosh,零基礎小白6小時完全入門
- 2876 2024-04-10
-
- MySQL 初學入門(mosh老師)
- 1752 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品課堂
- 2562 2024-03-29
<head>
<meta charset="UTF-8">
<title>sNav.js滑鼠懸停背景滑動切換導航條代碼</title>
<link rel="stylesheet" href="css/sNav.css">
<script src="js/sNav.min.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<div id="header">
<img src="images/sNav.png" alt="" id="headImg">
<h1>sNav</h1>
#
<h2>這是一個簡單的原生JavaScript插件,它可以用作導航欄,也可以作為按鈕組,搭好結構後,只需要一些十分簡單的設定即可讓你的導航欄酷炫起來(相容IE8以上),簡單好用,快來下載用起來吧。 </h2>
</div>
<ul class="sNav">
<a href="#"><li>sNav</li></a>
<a href="#"><li>導入sNav.js</li></a>
<a href="#"><li>建造結構</li></a>
<a href="#"><li>執行語句</li></a>
<a href="#"><li>簡單使用</li></a>
<a target="_blank" href="#"><li>sNav.js</li></a>
<a target="_blank" href="#"><li>sNav.min.js</li></a>
</ul>
<div id="part1" class="part">
#
<h2>一句話用sNav</h2>
<div class="partWrap">
<h3>1.導入sNav.js</h3>
<pre style="text-align:center;"><script src="somewhere/js/sNav.js > </script></pre>
<h3>2.將結構搭好</h3>
<pre class="p1pre1" style="font-size:18px;">
sNav.js滑鼠懸停背景滑動切換導航條代碼,這是一個簡單的原生JavaScript插件,它可以用作導航欄,也可以作為按鈕組,搭好結構後,只需要一些十分簡單的設定即可讓你的導覽列酷炫起來(相容於IE8以上),簡單好用,快來下載用起來吧。