纯DIV+CSS制作的下拉菜单，二级下拉菜单，三级下拉菜单(无JS)_html/css_WEB-ITnose

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

• 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
  
  
  • 
    
    
    
    
    • styled form
    
    
    • active focus
    
    
    • hover/click
    
    
    
    
    
  
  
  
  
  

• zero dollars advertising page


• wrapping text around images


• styled form


• active focus


• hover/click with no borders
  
  
  

  
  

  
  

  
  
  • styled form
  
  
  • removing active/focus borders
  
  
  • hover/click
  
  

  
  

• shadow boxing


• image map for detailed information


• fun with background images


• fade scrolling


• em image sizes compared

a coded list of spies

vertical menu

enlarging unordered list

link images

non-rectangular

jigsaw links

circular links

drop down menu

cascading menu

content:

mozzie box

I can build a rainbow with transparent borders

a snooker cue using border art

target practise

two tone headings

shadow text

the first example for Internet Explorer

weft fonts

vertically aligning text

a colour wheel using opaque colours

a menu using opacity

partial opacity

partial opacity II

HOVER/CLICK

• styled form


• removing active/focus borders


• hover/click