求一个用javascript显示和隐藏对象的代码
就是当鼠标移上去的时时候,内容动态的显示和隐藏《如,A,B两个对象,移到A上时隐藏B,反之隐藏A》,,,要能用的,最好写清注释,,,我菜鸟,,,,,高手赐教,,,,...
就是当鼠标移上去的时时候,内容动态的显示和隐藏《如,A,B两个对象,移到A上时隐藏B,反之隐藏A》,,,要能用的,最好写清注释,,,我菜鸟,,,,,高手赐教,,,,
展开
2009-01-15 · 知道合伙人互联网行家
关注
展开全部
哈哈,现在最常用的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>
<!--选项卡结束-->
我有:
把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>
<!--选项卡结束-->
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询