繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航:
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
Div+Css(+Js)菜单代码及制作工具
发布:dxy 字体:[
增加
减小
] 类型:转载
效果直逼flash的Div+Css+Js菜单
点击运行可以看到效果:
css菜单
G1
good morning
G2
good evening
M1
my name is fireyy
M2
mm mm i love u
G1
good morning
G2
good evening
M1
my name is fireyy
M2
mm mm i love u
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
另转:5款纯div+css制作的弹出菜单(标准且无js)
一、最基本的:二级dropdown弹出菜单
点击运行可以看到效果:
二级dropdown弹出菜单--A CROSS BROWSER DROP DOWN CASCADING VALIDATING MENU
DEMOS
zero dollars
wrapping text
styled form
active focus
shadow boxing
image map
fun backgrounds
fade scrolling
em sized images
MENUS
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
LAYOUTS
Fixed 1
Fixed 2
Fixed 3
Fixed 4
minimum width
BOXES
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
MOZILLA
drop down menu
cascading menu
content:
mozzie box
rainbow box
snooker cue
target practise
two tone headings
shadow text
EXPLORER
example one
weft fonts
vertical align
OPACITY
opaque colours
opaque menu
partial opacity
partial opacity II
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
二、三级dropdown弹出菜单
点击运行可以看到效果:
三级dropdown弹出菜单
DEMOS
zero dollars
wrapping text
styled form
active focus
HOVER/CLICK >
styled form
active focus
hover/click
shadow boxing
image map
fun backgrounds
fade scrolling
em sized images
MENUS
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
LAYOUTS
Fixed 1
Fixed 2
Fixed 3
Fixed 4
minimum width
BOXES
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
MOZILLA
drop down menu
cascading menu
content:
mozzie box
rainbow box
snooker cue
target practise
two tone headings
shadow text
EXPLORER
example one
weft fonts
vertical align
OPACITY
opaque colours
opaque menu
partial opacity
partial opacity II
< HOVER/CLICK
styled form
active focus
hover/click
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
三、flyout-竖向三级弹出菜单
点击运行可以看到效果:
flyout-竖向三级弹出菜单
DEMOS
zero dollars
wrapping text
styled form
active focus
HOVER/CLICK >
styled form
active focus
hover/click
shadow boxing
image map
fun backgrounds
fade scrolling
em sized images
MENUS
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
LAYOUTS
Fixed 1
Fixed 2
Fixed 3
Fixed 4
minimum width
BOXES
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
MOZILLA
drop down menu
cascading menu
content:
mozzie box
rainbow box
snooker cue
target practise
two tone headings
shadow text
EXPLORER
example one
weft fonts
vertical align
OPACITY
opaque colours
opaque menu
partial opacity
partial opacity II
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
四、dropline-水平三级横向弹出菜单
点击运行可以看到效果:
dropline-水平三级横向弹出菜单
DEMOS
zero dollars
wrapping text
styled form
active focus
HOVER/CLICK
styled form
active focus
hover/click
shadow boxing
image map
MENUS
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
LAYOUTS
Fixed 1
Fixed 2
Fixed 3
Fixed 4
minimum width
BOXES
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
MOZILLA
drop down menu
cascading menu
content:
mozzie box
rainbow box
snooker cue
target practise
EXPLORER
example one
weft fonts
vertical align
OPACITY
opaque colours
opaque menu
partial opacity
partial opacity II
HOVER/CLICK
styled form
active focus
hover/click
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
五、upmenu-水平竖弹向上三级弹出菜单
点击运行可以看到效果:
upmenu-水平竖弹向上三级弹出菜单
DEMOS
zero dollars
wrapping text
styled form
active focus
HOVER/CLICK >
styled form
active focus
hover/click
shadow boxing
image map
fun backgrounds
fade scrolling
em sized images
MENUS
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
LAYOUTS
Fixed 1
Fixed 2
Fixed 3
Fixed 4
minimum width
BOXES
spies menu
vertical menu
enlarging list
link images
non-rectangular
jigsaw links
circular links
MOZILLA
drop down menu
cascading menu
content:
mozzie box
rainbow box
snooker cue
target practise
two tone headings
shadow text
EXPLORER
example one
weft fonts
vertical align
OPACITY
< HOVER/CLICK
styled form
active focus
hover/click
opaque colours
opaque menu
partial opacity
partial opacity II
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
如果你很厌烦来研究、修改代码,那么这里有款软件制作基于DIV+CSS的各类菜单效果(能整合到DREAMWEAVER中将是件多么让人高兴的事)。
软件下载:
http://dl.filekicker.com/send/file/175939-ALVX/css_tab.zip
该软件介绍:
http://www.highdots.com/css-tab-designer/
下载地址页面:
http://www.highdots.com/download.html
Tags:
Div+Css(+Js)菜单代码及制作工具
浏览次数:
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章:
关于filter滤镜应用于图片的两种创意
下一篇文章:
div的dispaly:inline样式 和span的区别
·在百度中搜索关于“
Div+Css(+Js)菜单代码及制作工具
”相关内容
·在谷歌中搜索关于“
Div+Css(+Js)菜单代码及制作工具
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
web标准常见问题集合4
web标准常见问题集合2
网页中经常用到的Metas, Links and DocTy
CSS规则层叠时的优先级算法
文章内容页广告浮于左上角的解决办法
CSS技巧DIV为空时占据空间的解决办法
web标准常见问题集合5
CSS优化2-(常用CSS缩写语法总结)
超级连接的提示中换行效果实现代码
用css filter做鼠标滑过图片效果
最 近 更 新
学习样式表CSS参考-常用的CSS知识
大家看了就明白了css样式中类class与标识
去除链接元素的虚线框 兼容IE7、IE6、FF
line-block的运用最小宽度的设置
调用265天气预报,不显示链接
relative absolute无法冲破的等级问题解决
比较漂亮的一个导航条的效果DIV+CSS
发现四种在网页中使用CSS样式表的方法
解析IE, FireFox, Opera 浏览器支持Alpha
table高级应用把表格进行到底(必看)
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
全国哀悼日网站页面变成灰色的fi
非常漂亮的Div+CSS布局入门教程
让iframe自适应高度(支持xhtml)
在iframe中隐藏横向滚动条的方法
比较漂亮的一个导航条的效果DIV+
用css来控制图片大小显示的实现方
div做细线表格,很强悍
css强制换行 css强制不换行的css
文章评论
共有 位脚本之家网友发表了评论我来说两句