伊莉部落格、伊莉交友、伊莉聊天、伊莉相簿
彈出式語法修改
問題一:如何讓滑鼠移到選單上面使選單變色(是選單不是上面的字)
問題二:若架設頁框,在貼上以下彈出式語法,如何讓這選單不會被頁框蓋到!!
小弟什麼都不懂~~~請大大詳細解釋@@~速速
謝謝
以下是彈出式語法↓
<html>
<head>
<title> 選單範例 </title>
<meta http-equiv="Content-Type" c>
<style type="text/css">
<!--
body {
margin-left: 10px;
margin-top: 10px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:20px;
color: #ffffff;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
}
a:link {text-decoration: none;color: #ffffff; font-size:12px;}
a:hover {text-decoration: none;color: #ffffff; font-size:11pt;}
.submenu {text-decoration: none;color: #ffffff; font-size:12px;}
.submenu a:hover {text-decoration: underline;color: #ffffff; font-size:12px;}
-->
</style>
</head>
<body bgcolor=cccccc>
<script>
<!--
function show_div1(){div1.style.display = '';}
function noshow_div1(){div1.style.display = 'none';}
//-->
</script>
<table width="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#ffffff">
<tr height=26>
<td width="100" bgcolor="#888888" align=center style="position: relative;" ><a href="javascript:;" >主選項一</a>
<div id="div1" style="padding-top:3px;Z-INDEX:99;position:absolute;display:none;left:98px;top:-1px;width:80px; height:20px;CURSOR:hand;padding:0;font-size:12px;" >
<table width="80" border="0" cellpadding="0" cellspacing="1" bgcolor="#ffffff" class="submenu">
<tr>
<td bgcolor="#777777" align=center><a href="">主選項1-1</a></td>
</tr>
<tr>
<td bgcolor="#777777" align=center><a href="">主選項1-2</a></td>
</tr>
<tr>
<td bgcolor="#777777" align=center><a href="">主選項1-3</a></td>
</tr>
<tr>
<td bgcolor="#777777" align=center><a href="">主選項1-4</a></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
|