jquery动态导航插件dynamicNav用法实例分析

2020-05-29 06:57:27易采站长站整理

<h1>向左(速度300毫秒)</h1>
<ul class="nav" id="nav1">
<li><a href="#">首页</a></li>
<li><a href="#">前端技术</a></li>
<li><a href="#">视觉设计</a></li>
<li><a href="#">文章归档</a></li>
<li><a href="#">工具/书籍</a></li>
<li><a href="#">关于我</a></li>
</ul>
<h1>向右(速度200毫秒)</h1>
<ul class="nav" id="nav2">
<li><a href="#">首页</a></li>
<li><a href="#">前端技术</a></li>
<li><a href="#">视觉设计</a></li>
<li><a href="#">文章归档</a></li>
<li><a href="#">工具/书籍</a></li>
<li><a href="#">关于我</a></li>
</ul>
<h1>向上(速度100毫秒)</h1>
<ul class="nav" id="nav3">
<li><a href="#">首页</a></li>
<li><a href="#">前端技术</a></li>
<li><a href="#">视觉设计</a></li>
<li><a href="#">文章归档</a></li>
<li><a href="#">工具/书籍</a></li>
<li><a href="#">关于我</a></li>
</ul>
<h1>向下(速度400毫秒)</h1>
<ul class="nav" id="nav4">
<li><a href="#">首页</a></li>
<li><a href="#">前端技术</a></li>
<li><a href="#">视觉设计</a></li>
<li><a href="#">文章归档</a></li>
<li><a href="#">工具/书籍</a></li>
<li><a href="#">关于我</a></li>
</ul>
</body>
</html>

希望本文所述对大家的jquery程序设计有所帮助。