JS简单的块状效果

ContractedBlock.gif ExpandedBlockStart.gif Code
<HTML>
 
<HEAD>
ExpandedBlockStart.gifContractedBlock.gif
<script type="text/javascript">
ExpandedSubBlockStart.gifContractedSubBlock.gif
function prepareinternalnav(id) {
        
var target=document.getElementsByTagName("div");
        
var arr=new Array();
        
for(var i=0;i<target.length;i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
          
if(target[i].getAttribute("name")=="section")
ExpandedSubBlockStart.gifContractedSubBlock.gif          
{
            arr[i]
=target[i];
          }

        }

        
for(var i=0;i<arr.length;i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
ExpandedSubBlockStart.gifContractedSubBlock.gif            
if(i==id){
            target[id].style.display
="";
            
continue;
ExpandedSubBlockStart.gifContractedSubBlock.gif            }
else{
            target[i].style.display
="none";            
            }


        }

    }

</script>
 
</HEAD>

 
<BODY>
  
<h1>About the band</h1>
<ul id="internalnav">
<li><href="#"  onclick="prepareinternalnav(0)">jay shript</a><li>
<li><href="#"  onclick="prepareinternalnav(1)">The Domsters</a><li>
</ul>
<div  id="jay" name="section">
<h2>Jay Skript</h2>
<p>kjeskjrlkjrlkejlrkjlejrlrerrr人民网呼和浩特10月16日电(记者贺勇)内蒙古深入学习实践科学发展观活动动员电视电话会议近日在呼和浩特市召开。会议强调,各地区各部门各单位要认真学习、深刻领会、全面贯彻中央关于开展学习实践活动的重大决策部署,结合自治区实际,突出重点
</p>
<p>人民网呼和浩特10月16日电(记者贺勇)内蒙古深入学习实践科学发展观活动动员电视电话会议近日在呼和浩特市召开。会议强调,各地区各部门各单位要认真学习、深刻领会、全面贯彻中央关于开展学习实践活动的重大决策部署,结合自治区实际,突出重点
</p>
</div>
<div  id="domsters" name="section">
<h2>TheDomsters</h2>
<p>人民网呼和浩特10月16日电(记者贺勇)内蒙古深入学习实践科学发展观活动动员电视电话会议近日在呼和浩特市召开。会议强调,各地区各部门各单位要认真学习、深刻领会、全面贯彻中央关于开展学习实践活动的重大决策部署,结合自治区实际,突出重点
</p>
</div>
<div>
ggg
</div>
ExpandedBlockStart.gifContractedBlock.gif
<SCRIPT LANGUAGE="JavaScript">
prepareinternalnav(
0);
</SCRIPT>
 
</BODY>
</HTML>

转载于:https://www.cnblogs.com/leening/archive/2008/10/20/1315017.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值