JS+CSS实现Dock menu(MacOS菜单导航效果)

　　看了图，你一定会想起MacOS的漂亮菜单导航效果吧，如果只看演示，你肯定会认为是Flash做的，其实不然，是通过Javascript+CSS来实现的，漂亮吧。。。呵呵
　　[效果演示]　　[代码下载]　　　[使用说明]

转载于:https://www.cnblogs.com/scgw/archive/2007/12/04/982520.html

JS+CSS实现Dock menu(MacOS菜单导航效果)相关推荐

JS+CSS实现漂亮实用的红色导航菜单
代码简介: 强烈推荐一款CSS导航菜单,用到政府学校类网站上超级不错,有点类似站长网菜单的味道,只不过颜色不一样而已,这种菜单还不是真正意义上的"下拉"菜单,应该叫滑出菜单吧?反正 ...
html页面 tab JS滑动切换,JS+CSS实现滑动切换tab菜单效果
本文实例讲述了JS+CSS实现滑动切换tab菜单效果.分享给大家供大家参考.具体如下: 这是风格简单的一款JS+CSS滑动门特效代码,当鼠标滑过菜单的时候,二级菜单自动切换,鼠标不需要点击,滑动门效果 ...
HTML模仿QQ好友列表,JS+CSS实现类似QQ好友及黑名单效果的树型菜单
本文实例讲述了JS+CSS实现类似QQ好友及黑名单效果的树型菜单.分享给大家供大家参考.具体如下: 今天介绍的这个菜单堪称极品啊,不过里面的有些图标丢失了,路径还留在那,真想使用的朋友自己制作两个折叠 ...
js+css+html制作下拉菜单
js+css+html制作下拉菜单 1 案例需求 2 编写HTML结构代码 3 编写css样式 4 编写JavaScript部分 5 全部代码 1 案例需求使用JavaScript+css+html ...
CSS 3.0实现创意菜单导航条
给大家分享一个用CSS 3.0实现创意菜单导航条,效果如下: 以下是代码实现,欢迎大家复制粘贴和收藏. <!DOCTYPE html> <html lang="en&quo ...
动态导航多级下拉菜单 html,css3实现的多级渐变下拉菜单导航效果代码
本文实例讲述了css3实现的多级渐变下拉菜单导航效果代码.分享给大家供大家参考.具体如下: 这是一款基于css3实现的下拉菜单导航,是非常漂亮的动画菜单,而且是多级菜单的形式,测试时发现可支持5级,估 ...
H5+JS+CSS模仿JD商品详情页放大镜效果
源码下载:H5+JS+CSS模仿JD商品详情页放大镜效果-Javascript文档类资源-CSDN下载适合小白模仿的H5+JS+CSS模仿JD商品详情页放大镜效果,可以熟练掌握鼠标经过和鼠标移动事件更 ...
html菜单栏用户点击完自动收缩,几个不错的自动收缩菜单导航效果
runcode var mh = 30;//最小高度 var step = 1;//每次变化的px量 var ms = 10;//每隔多久循环一次 function toggle(o){ if (!o ...
CSS Dock Menu：JS+CSS 仿苹果MAC机桌面导航菜单
所需源文件--见下方文件附件在HTML中的<head>标签中插入如下代码: <script type="text/javascript" src="j ...

JS+CSS实现Dock menu(MacOS菜单导航效果)

JS+CSS实现Dock menu(MacOS菜单导航效果)相关推荐

最新文章

热门文章