[求助] 请教一个关于js的问题

ljueq [楼主]

初级会员

帖子: 68
体力: 158
威望: 0
离线: 13 天

1^# 大中小发表于 2008-6-25 19:15

<!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>ad change</title>
<style>
.bord { margin:0px; padding:5px; border:2px #666666 solid; width:920px; background:#999999; font-size:12px; color:#FFFFFF;}
.left { margin:0px; padding:5px; width:300px; height:290px; float:left;}
.right{ margin:0px; padding:5px; width:600px; height:290px; float:left;}
.btn_1{ margin-top:0px; padding:5px; width:290px; height:83px; line-height:41px; background:#CC3300; cursor:hand;}
.btn_2{ margin-top:5px; padding:5px; width:290px; height:83px; line-height:41px; background:#99CC00; cursor:hand;}
.btn_3{ margin-top:5px; padding:5px; width:290px; height:83px; line-height:41px; background:#99CC00; cursor:hand;}
.ad_1 { margin-top:0px; padding:5px; width:590px; height:280px; line-height:280px; background:#99CC00; display:block;}
.ad_2 { margin-top:0px; padding:5px; width:590px; height:280px; line-height:280px; background:#99CC00; display:none;}
.ad_3 { margin-top:0px; padding:5px; width:590px; height:280px; line-height:280px; background:#99CC00; display:none;}
</style>
<script language=javascript>
function secBoard(n)
{
 for(i=0;i<menu.childNodes.length;i++)
 menu.childNodes[i].style.background="#99CC00"
 menu.childNodes[n].style.background="#CC3300";
 
 for(i=0;i<main.childNodes.length;i++)
 main.childNodes[i].style.display="none";
 main.childNodes[n].style.display="block"; 
}
</script>
</head>
<body>
<div class="bord">
<div class="left" id="menu">
          <div onMouseOver="secBoard(0)" class="btn_1">btn_1<br />广告或活动标题1</div>
		  <div onMouseOver="secBoard(1)" class="btn_2">btn_2<br />广告或活动标题2</div>
		  <div onMouseOver="secBoard(2)" class="btn_3">btn_3<br />广告或活动标题3</div>
</div>
<div class="right" id="main">
          <div class="ad_1">广告活动宣传及链接1</div>
		  <div class="ad_2">广告活动宣传及链接2</div>
		  <div class="ad_3">广告活动宣传及链接3</div>
</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

运行后当鼠标第一次移动到左边的btn时，整个外框会往下撑开一点点？

老衲要劫色

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

‹‹ 上一主题 | 下一主题 ››