网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
Div+Css(+Js)菜单代码及制作工具
(编辑:jimmy 日期: 2024/12/25 浏览:
2
)
效果直逼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 全选 注:引入外部Js需再刷新一下页面才能执行]
另转: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 全选 注:引入外部Js需再刷新一下页面才能执行]
二、三级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 全选 注:引入外部Js需再刷新一下页面才能执行]
三、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 全选 注:引入外部Js需再刷新一下页面才能执行]
四、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 全选 注:引入外部Js需再刷新一下页面才能执行]
五、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 全选 注:引入外部Js需再刷新一下页面才能执行]
如果你很厌烦来研究、修改代码,那么这里有款软件制作基于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
上一篇:
2006.12.06更新 TopStyle剪辑库
下一篇:
关于filter滤镜应用于图片的两种创意
首页
音乐
电影
资源