这是一个很短的后如何，我们可以很容易地创建一个没有任何插件使用jQuery的动画导航菜单。 你一定见过他，卧式或立式导航菜单，扩大或缩小其规模上翻滚。 这些javascript框架来之前，我们不得不这样做相当大量的代码来完成的事情。 为什么呢？ 那个愚蠢的跨浏览器的处理。 我不想在IE浏览器启动。
好吧，这里的东西。 我们只需使用一个无序列表横向菜单扩展和合同。 代码是死的简单。 我们先看看在标记。
<div id="navcontainer"> <ul id="navlist"> <LI> <a href="http://www.google.com">谷歌</ A> </ LI> <LI> <a href="http://www.yahoo.com">雅虎</ A> </ LI> <LI> <a href="http://www.msn.com">的MSN </ A> </ LI> <LI> <a href="http://www.lycos.com"> Lycos的</ A> </ LI> <LI> <a href="http://www.baidu.com">百度</ A> </ LI> </ UL> </ DIV>
因此，我们必须有一些列表项。 因此，要使他们像横向菜单中出现，我们就需要一些看起来像这样的CSS
: inline ; } #navcontainer ul li李{ 显示 ： 内联 ;}＃navcontainer UL李
和最后的一部分...... 使他们在鼠标悬停的舞蹈。 相当简单的动画功能。 只是下面这些行的情侣会做的伎俩。 一看。
( ) { $ ( "#navlist $（ 函数 （）{$（“＃navlist
就是它！ 看到它在行动
最新评论