最新下载
24小时阅读排行榜
- 1 摩根大通推出IndexGPT:智能化投资建议引领新潮流
- 2 Linux系统的VPS性能怎么测试
- 3 php redis如何实现定时任务
- 4 mysql标识列的特点有哪些
- 5 现场对标ChatGPT!又一AI大模型发布,还要渗透这么多行业
- 6 VR在智慧旅游行业的应用
- 7 中国首个Pocket Gallery虚拟展厅亮相中央美术学院美术馆
- 8 重大安全风险!美光公司产品对中国关键信息基础设施构成威胁
- 9 新一代天猫精灵评测:里面住了个温暖还话痨的AI朋友
- 10 苹果江郎才尽?前营销高管不看好苹果AR/VR头显。
- 11 MySQL的循环语句有哪些
- 12 AIGC能为元宇宙里的「人」做些什么?|1号AIGC季②
- 13 AI将夺走人类的“饭碗”?听听科技大咖们怎么说!
- 14 升级到 Windows 11 后如何避免垃圾邮件
- 15 苹果限制员工使用ChatGPT等外部AI,担心泄露机密数据
最新教程
-
- 微信小程序开发之API篇
- 1481 2024-02-20
-
- Webpack4.x---十天技能课堂
- 2082 2024-02-02
-
- Bootstrap4.x---十天精品课堂
- 2155 2024-01-30
-
- ECMAScript6 / ES6---十天技能课堂
- 2731 2024-01-26
-
- Laravel---API接口
- 2147 2024-01-23
-
- php-src源码分析探索
- 1229 2024-01-22
<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及以上),简单好用,快来下载用起来吧。