CSS+JSS完成下拉菜单code:
<
SCRIPT
LANGUAGE
="JavaScript"
>
<!-- Begin
var refer = true ;
function combo() {
if (refer) {
document.all.contents.style.visibility = " visible " ; // 所有样式内容可见
refer = false ;
}
else {
document.all.contents.style.visibility = " hidden " ;
refer = true ;
}
}
End -->
</ SCRIPT >
< table align ="left" >
< tr >< td >
< table width ="200" border ="1" cellspacing ="0" cellpadding ="0" bordercolor ="#d8d8d8" >
< tr >
< td bgcolor ="#FF9900" align ="center" >
< font face ="verdana" size ="2" color ="#FFFFFF" > 下拉菜单 </ font >
</ td >
< td align ="right" width ="21" >
< img src ="http://blog.csdn.net/images/ask.gif" name ="combo_arrow" width ="21"
height ="21" alt ="" border ="0" onclick ="combo()" ></ td >
</ tr >
</ table >
< div id ="contents" style ="position:absolute; left:?px; top:?px; width:?px; height:?px; z-
index:1; visibility:hidden" >
< table width ="200" border ="1" cellspacing ="0" cellpadding ="0" bordercolor ="#d8d8d8" >
< tr >
< td bgcolor ="#FF9900" >
< font face ="verdana" size ="2" >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 1 </ a >< br >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 2 </ a >< br >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 3 </ a >< br >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 4 </ a >< br >
</ font >
</ td >
</ tr >
</ table ></ div >
</ td ></ tr >
</ table >
<!-- Begin
var refer = true ;
function combo() {
if (refer) {
document.all.contents.style.visibility = " visible " ; // 所有样式内容可见
refer = false ;
}
else {
document.all.contents.style.visibility = " hidden " ;
refer = true ;
}
}
End -->
</ SCRIPT >
< table align ="left" >
< tr >< td >
< table width ="200" border ="1" cellspacing ="0" cellpadding ="0" bordercolor ="#d8d8d8" >
< tr >
< td bgcolor ="#FF9900" align ="center" >
< font face ="verdana" size ="2" color ="#FFFFFF" > 下拉菜单 </ font >
</ td >
< td align ="right" width ="21" >
< img src ="http://blog.csdn.net/images/ask.gif" name ="combo_arrow" width ="21"
height ="21" alt ="" border ="0" onclick ="combo()" ></ td >
</ tr >
</ table >
< div id ="contents" style ="position:absolute; left:?px; top:?px; width:?px; height:?px; z-
index:1; visibility:hidden" >
< table width ="200" border ="1" cellspacing ="0" cellpadding ="0" bordercolor ="#d8d8d8" >
< tr >
< td bgcolor ="#FF9900" >
< font face ="verdana" size ="2" >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 1 </ a >< br >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 2 </ a >< br >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 3 </ a >< br >
< a href ="#" target ="_blank" > < img src ="http://blog.csdn.net/images/star_0.gif"
border ="0" width ="8" height ="8" > LINK 4 </ a >< br >
</ font >
</ td >
</ tr >
</ table ></ div >
</ td ></ tr >
</ table >