이미지로 메뉴 만들었을때요 해당 페이지로 넘어갔을 경우 롤 오버 이미지로 나오게 하는 방법좀 알려주세요
<tr>
<td background="/skin/images/main/menu_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a href="/pro/info/china_1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../images/China/c_menu_1_o.png',1)"><img src="../images/China/c_menu_1{?sn==1}_o{/}.png" name="Image9" width="150" height="30" border="0" id="Image9" /></a></td>
</tr>
<td background="/skin/images/main/menu_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a href="/pro/info/china_1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../images/China/c_menu_1_o.png',1)"><img src="../images/China/c_menu_1{?sn==1}_o{/}.png" name="Image9" width="150" height="30" border="0" id="Image9" /></a></td>
</tr>
<tr>
<td align="center"><a href="/pro/info/china_2_1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/China/c_menu_2_o.png',1)"><img src="../images/China/c_menu_2.png" name="Image10" width="150" height="30" border="0" id="Image10" /></a></td>
</tr>
<tr>
<td valign="bottom" background="/skin/images/China/bg_menuover.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td align="center"><a href="/pro/info/china_2_1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/China/c_menu_2_o.png',1)"><img src="../images/China/c_menu_2.png" name="Image10" width="150" height="30" border="0" id="Image10" /></a></td>
</tr>
<tr>
<td valign="bottom" background="/skin/images/China/bg_menuover.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="16"></td>
<td ><table width="20" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
<span style='padding:0px 1px;'><a href="/pro/info/china_2_1.php"><img src="../images/China/c_menu_2_1.png" width="117" height="12" border="0" /></a></span><br />
<span style='padding:0px 1px;'><a href="/pro/info/china_2_2.php"><img src="../images/China/c_menu_2_2.png" width="105" height="12" border="0" /></a></span><br />
<span style='padding:0px 1px;'><a href="/pro/info/china_2_3.php"><img src="../images/China/c_menu_2_3.png" width="58" height="12" border="0" /></a></span><br />
<span style='padding:0px 1px;'><a href="/pro/info/china_2_4.php"><img src="../images/China/c_menu_2_4.png" width="35" height="12" border="0" /></a></span></p> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"><a href="/pro/info/china_3.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','../images/China/c_menu_3_o.png',1)"><img src="../images/China/c_menu_3.png" name="Image11" width="150" height="30" border="0" id="Image11" /></a></td>
</tr>
<td width="16"></td>
<td ><table width="20" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
<span style='padding:0px 1px;'><a href="/pro/info/china_2_1.php"><img src="../images/China/c_menu_2_1.png" width="117" height="12" border="0" /></a></span><br />
<span style='padding:0px 1px;'><a href="/pro/info/china_2_2.php"><img src="../images/China/c_menu_2_2.png" width="105" height="12" border="0" /></a></span><br />
<span style='padding:0px 1px;'><a href="/pro/info/china_2_3.php"><img src="../images/China/c_menu_2_3.png" width="58" height="12" border="0" /></a></span><br />
<span style='padding:0px 1px;'><a href="/pro/info/china_2_4.php"><img src="../images/China/c_menu_2_4.png" width="35" height="12" border="0" /></a></span></p> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"><a href="/pro/info/china_3.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','../images/China/c_menu_3_o.png',1)"><img src="../images/China/c_menu_3.png" name="Image11" width="150" height="30" border="0" id="Image11" /></a></td>
</tr>
이런식의 롤오버 메뉴를 만들었는데요 첫번째 롤오버 이미지를
클릭해서 넘어가면 다시 원래대로의 이미지가 나오는데
해당 페이지로 넘어가서 롤오버 이미지로 활성화 되는 방법이요~~~
다른 이미지는 그대로 있고요..
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인