首页 > 网页设计

jQuery实现Lava-Lamp样式的动画菜单

发布时间:2012-12-05 09:18:47 来源:星知苑 作者:星之宇

看到别的网站上有一款导航栏非常漂亮,用jQuery来实现Lava-Lamp样式的动画菜单。

点击查看原图

这是一款基于JQuery的水平滑动导航条,但是由于要加载JQuery和JQuery UI库,所以需要加载的js有点大。

 

浏览器兼容性:IE6、8,Firefox,chrome均能正常显示,但是用到了css圆角所以在不同的浏览器中由于浏览器的支持性问题,css圆角不会显示。[break]

 

代码说明:通过鼠标在导航栏上的移动,滑块也会跟着鼠标移动。

还有一个小bug,当导航栏由于导航栏标签过多过长时就会出现换行,换行后的标签滑块是移动不到的。

代码实现过程请看压缩包内的index.html页面。

 

在线完整演示:http://demo.myxzy.com/lavalamp/index.html

源码下载:百度网盘

 

相关合集

  • 手机冒险游戏有哪些好玩的
手机冒险游戏有哪些好玩的

简介:冒险类型的游戏一直都是玩家的最爱,现在有太多的冒险游戏让玩家不知道是哪一个才好玩,这里小编也是推荐一下非常有趣可以玩很久的冒险游戏,操作不仅简单但是也不会太过的无聊,还是完全免费的,可以在冒险游戏中不断的去寻找自己欢乐的源泉,相信在你安装到手机中都玩到不亦乐乎,舍不得删掉。