鼠标经过改变网页内容 -

<head>
<title>鼠标经过改变网页内容</title>
<style>
.undis {
    DISPLAY: none
}
</style>
</head>
<SCRIPT language=javascript>
function doClick_down(o){
     o.className="r03b";
     var j;
     var id;
     var e;
     for(var i=1;i<=4;i++){
       id ="down"+i;
       j = document.getElementById(id);
       e = document.getElementById("d_con"+i);
       if(id != o.id){
            j.className="r03a";
            e.style.display = "none";
       }else{
        e.style.display = "block";
       }
     }
     }
</SCRIPT>
<BODY>
<DIV>
<UL>
  <LI><SPAN class=r03b id=down1
  onmouseover=javascript:doClick_down(this)>点击排行</SPAN> </LI>
  <LI><SPAN class=r03a id=down2
  onmouseover=javascript:doClick_down(this)>推荐排行</SPAN> </LI>
  <LI><SPAN class=r03a id=down3
  onmouseover=javascript:doClick_down(this)>评论排行</SPAN> </LI>
  <LI><SPAN class=r03a id=down4
  onmouseover=javascript:doClick_down(this)>搜索排行</SPAN> </LI></UL></DIV>
<DIV id=d_con1 style="DISPLAY: block">
11111111111111111111111
</DIV>
<DIV class=undis id=d_con2>
22222222222222222222222
</DIV>
<DIV class=undis id=d_con3>
33333333333333333333333
</DIV>
<DIV class=undis id=d_con4>
44444444444444444444444
</DIV>

http://ntsjyt.net/qita/鼠标经过改变网页内容.htm

[本日志由 tiancao1001 于 2008-10-17 06:10 PM 编辑]

分享到： QQ空间新浪微博腾讯微博微信更多

暂时没有评论

发表评论 - 不要忘了输入验证码哦！

作者：

用户：密码：注册？验证：