js实现横向弹出二级菜单

作者:林炜贤来源:www.163css.com发表时间:(2010-12-05)

关于二级菜单,在许多企业网站中是最常使用的,常见的有二级下拉菜单,而有些网站将它做成二级横向模式,鼠标划过一级菜单,不过这种模式必须在一级菜单下方留有一定的空间,不然二级菜单出现在flash或是banner之类上面就不太好看了。

事实上,关于这个二级菜单的应用,我是在一个叫“亚立”的企业网站上见到的,http://alexischina.com.cn/,这个是他们的网址,我通过点击百度的广告进去的,呵呵。

值得一说的是那个脚本,非常像我做tab菜单的脚本,也很像我做当当网排行榜的动画脚本。通过onmouseout及onmouseover实现二级div的hidden及show,感觉还不错,呵呵,说不定以后在许多企业网站中可以应用。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/201012/twonav/index.html

下载地址:js实现横向弹出二级菜单.rar

返回作者主页:www.163css.com阅读 (12758)
更多 1