学习jQuery之旅－－使用炫酷的jQuery插件

核心提示：其中的jquery-latest.pack.js，jquery.lavalamp.js，学习jQuery之旅－－使用炫酷的jQuery插件(3)，jquery.easing.js当然，这是比较简单的Menu，关键的地方就是对css的操作上Html代码：h2>Simple Tabs</h2><di

其中的jquery-latest.pack.js，jquery.lavalamp.js，jquery.easing.js

当然，这是比较简单的Menu，但是比较实用，还有其他很酷的Menu，比如下拉式的Menu，大家可以到我最后给的网站上查找，这里就不多介绍了。

Tabs

Tabs也是我们经常使用插件，它可以使我们的网站更佳的整洁和规范，是个很人性化的设计。

效果： 点击这里查看效果（这里可能有点问题，我不知道为什么css的@media应用不上，本地测试是没有问题的，写在博客园的html模板中就有了问题，看了半天无语了）

实现起来也不是很难，关键的地方就是对css的操作上

Html代码：

h2>Simple Tabs</h2>

<div id="container-1">
<ul>
<li><a href="http://p5s8.ddvip.com/index.php#fragment-1"><span>One</span></a></li>
<li><a href="http://p5s8.ddvip.com/index.php#fragment-2"><span>Two</span></a></li>
<li><a href="http://p5s8.ddvip.com/index.php#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
学习Jquery之旅，体验炫酷使用的Jquery插件！
</div>
<div id="fragment-2">
简单快捷的实现Tabs！效果还不错吧？
</div>
<div id="fragment-3">
Jquery的Tabs还有很多样式和效果的搭配，大家可以到我提供的网址上查找。
</div>
</div>