求一个用javascript显示和隐藏对象的代码

就是当鼠标移上去的时时候,内容动态的显示和隐藏《如,A,B两个对象,移到A上时隐藏B,反之隐藏A》,,,要能用的,最好写清注释,,,我菜鸟,,,,,高手赐教,,,,... 就是当鼠标移上去的时时候,内容动态的显示和隐藏《如,A,B两个对象,移到A上时隐藏B,反之隐藏A》,,,要能用的,最好写清注释,,,我菜鸟,,,,,高手赐教,,,, 展开
 我来答
ct543
2009-01-15 · 知道合伙人互联网行家
ct543
知道合伙人互联网行家
采纳数:624 获赞数:2136
2000年接触计算机;2002年接触互联网并开始学习黑客技术;有多年编程开发经验以及信息安全项目实践经验。

向TA提问 私信TA
展开全部
哈哈,现在最常用的tab了。
我有:
把onClick="..."改为onMouseOver即可变成鼠标移上去就切换的,现在是点击切换的。
<!--选项卡:-->
<style>
.tab_on {background-image:url(images/tab1.gif); cursor:pointer;}
.tab_out {background-image:url(images/tab2.gif); cursor:pointer;border-bottom:1px #FFC291 dotted;color:#777777}
</style>
<毕知table>
<tr>
<td class="tab_out" onClick="goTab(this,'tab1')" id="defaultTab">第一项<孙数笑/td>
<td class="tab_out" onClick="goTab(this,'tab2')">第二项</td>
<td class="tab_out" onClick="goTab(this,'tab3')">第三项</td>
</tr>
<tr>
<td colspan="3">
<div id="tab1" style="display:none">
111111111111111
</div>
<div id="tab2" style="display:none">
222222222222222
</div>
<div id="tab3" style="display:none">

<table class="t">
<tr><td><a href="vimg.asp?id=3" title="农夫茶梦幻爱情世界 爱情积分抢…"><img src="images/actp.jpg" alt="农夫茶梦幻爱情世界 爱情积分抢…" class="i" /></a></td></tr>
<tr><td>日期:2008-1-24</td></tr>
</table>

</div>
</td>
</则含tr>
</table>
<script>
var lastCon=null;
var lastTab=document.getElementById("defaultTab");
if(lastTab)lastTab.click();

function goTab(tabN,conID){
if(lastTab)lastTab.className="tab_out";
if(tabN){
tabN.className="tab_on";
lastTab=tabN;
}
if(conID){
var ocon=document.getElementById(conID);
if(ocon){
if(lastCon)lastCon.style.display="none";
ocon.style.display="";
lastCon=ocon;
}
}
}
</script>
<!--选项卡结束-->
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式