脚本
日期：2014-05-16 浏览次数：20407 次
求一个脚本？
当你把鼠标放在一个链接上时，会显示一个菜单。
http://www.ccb.com/portal/cn/home/index.html
当你把鼠标放在 对私服务 时的效果，怎么做？
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
<!--
#Layer1 {
position:absolute;
width:107px;
height:120px;
z-index:1;
background-color: #CCCCCC;
display:none;
top: 32px;
left: 11px;
}
#Layer2 {
position:absolute;
width:122px;
height:120px;
z-index:2;
left: 170px;
top: 32px;
background-color: #CCCCCC;
display:none;
}
#Layer3 {
position:absolute;
width:127px;
height:120px;
z-index:3;
left: 333px;
top: 32px;
background-color: #CCCCCC;
display:none;
}
-->
</style>
</head>
<body>
<div id= "Layer1 ">
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> 1 </td>
</tr>
<tr>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
</tr>
</table>
</div>
<div id= "Layer2 ">
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> 1 </td>
</tr>
<tr>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
</tr>
</table>
</div>
<div id= "Layer3 ">
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> 1 </td>
</tr>
<tr>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
</tr>
</table>
</div>
<table width= "50% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <a href= "# " onmouseover= "Layer1.style.display= 'block '; " onmouseout= "Layer1.style.display= 'none &#
当你把鼠标放在一个链接上时，会显示一个菜单。
http://www.ccb.com/portal/cn/home/index.html
当你把鼠标放在 对私服务 时的效果，怎么做？
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
<!--
#Layer1 {
position:absolute;
width:107px;
height:120px;
z-index:1;
background-color: #CCCCCC;
display:none;
top: 32px;
left: 11px;
}
#Layer2 {
position:absolute;
width:122px;
height:120px;
z-index:2;
left: 170px;
top: 32px;
background-color: #CCCCCC;
display:none;
}
#Layer3 {
position:absolute;
width:127px;
height:120px;
z-index:3;
left: 333px;
top: 32px;
background-color: #CCCCCC;
display:none;
}
-->
</style>
</head>
<body>
<div id= "Layer1 ">
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> 1 </td>
</tr>
<tr>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
</tr>
</table>
</div>
<div id= "Layer2 ">
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> 1 </td>
</tr>
<tr>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
</tr>
</table>
</div>
<div id= "Layer3 ">
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> 1 </td>
</tr>
<tr>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
</tr>
<tr>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
</tr>
</table>
</div>
<table width= "50% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <a href= "# " onmouseover= "Layer1.style.display= 'block '; " onmouseout= "Layer1.style.display= 'none &#
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
