纯CSS3实现的tab分栏式菜单_时代Java(NowJava.com) -HTML代码 -演示与下载 -时代Java

CSS3-only horizontal drop line tab menu

A Skyrocket Labs demo

« Read the original post for a breakdown of the code used for this effect

The What & the Why

Inspired by Web Designer Wall's CSS3-only dropdown menu, I thought I'd create a horizontal drop line version. You know, for kicks.

Demo

See how you can include a panel directly underneath the menu.

Terms & Support

Tested in: Firefox, IE 8, Google Chrome and Safari.

You are welcome to use and modify this script as you like. I'd appreciate a link back to my site.

Due to my need to focus on client support, i can't guarantee that I can respond to requests for help but you can email me at fred(at)skyrocketlabs.com.

代码整理:时代Java(NowJava.com) 更多相关效果,请到时代Java(NowJava.com) 脚本下载栏目

注:此代码仅供学习交流,请勿用于商业用途。

时代Java(NowJava.com)素材中心整理。




下载代码说明
X关闭

基于纯CSS3的tab分栏式菜单的实现代码

CSS3实现的导航菜单,无需任何js代码,菜单采用tab分栏切换的风格,简单实用