|
说明: 下拉"cool"单
效果: 运行后查看!
代码:
要完成此效果把如下代码加入到<body>区域中
<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="center">
<tr>
<td> <table width="200" border="1"
cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="FF9900"> <font face="verdana"
size="2" color=FFFFFF> 下拉“COOL”单</font>
</td>
<td align="right" width="21">
<img src="../../../images/new/roll05.gif" name="combo_arrow"
width="9" height="15" 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="../../../images/new/roll03.gif" border="0"
width="8" height="8">
LINK</a><br>
<a href="#" target="_blank"> <img
src="../../../images/new/roll03.gif" border="0"
width="8" height="8">
LINK</a><br>
<a href="#" target="_blank"> <img
src="../../../images/new/roll03.gif" border="0"
width="8" height="8">
LINK</a><br>
</font> </td>
</tr>
</table>
</div></td>
</tr>
</table>
|