手机游戏
经典单机
角色扮演
休闲益智
动作冒险
射击枪战
赛车竞速
模拟经营
解密闯关
策略战争
手机软件
时尚购物
体育运动
资讯阅读
教育学习
摄影摄像
生活服务
效率办公
聊天社交
视频盒子
其它软件
新闻资讯
游戏攻略
软件教程
游戏问答
软件资讯
软件技术
叨叨念念
网站技术
技术问答
软件教程
资源资料
原创作品
代码学习
网页设计
网络技术
合集
合集
游戏合集
软件合集
资讯合集
视频合集
首页 > 网页设计 > 网页设计

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

源码下载:百度网盘

 

良心推荐

好玩的单机游戏推荐
  • 月圆之夜破解版免费内购
  • 月圆之夜全职业破解版
  • 斯诺克台球2019免费下载
现在很多小伙伴对于网络游戏已经玩得比较腻了,特别是角色扮演类型的,不但氪金还要花很多的时间在上面,最终想要的游戏乐趣还没有得到。今天小编为大家推荐几款比较好玩的单机游戏,可以让你玩上一整天,还百玩不腻,得到更好的游戏体验,感兴趣的朋友可以选择下载试试。

相关资讯