学习jQuery之旅--使用炫酷的jQuery插件
2010-09-14 13:48:20 来源:WEB开发网其中的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>
更多精彩
赞助商链接