一个精简的JS DIV层tab切换代码

转载 2015年03月16日 17:13:51
<title>DIV层切换</title> 
<script language="JavaScript" type="text/javascript"> 
function ChangeDiv(divId,divName,zDivCount) 

for(i=0;i<=zDivCount;i++) 

document.getElementById(divName+i).style.display="none"; 
//将所有的层都隐藏 

document.getElementById(divName+divId).style.display="block"; 
//显示当前层 

</script> 
</head> 
<body> 
<span onclick="JavaScript:ChangeDiv('0','JKDiv_',2)" style="cursor:hand;">内容一</span> 
<span onclick="JavaScript:ChangeDiv('1','JKDiv_',2)" style="cursor:hand;">内容二</span> 
<span onclick="JavaScript:ChangeDiv('2','JKDiv_',2)" style="cursor:hand;">内容三</span> 
<div id="JKDiv_0" style="font-size:14px;margin:20px;color:#FF0000;">内容部分第一区</div> 
<div id="JKDiv_1" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第二区</div> 
<div id="JKDiv_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第三区</div> 
</body> 

用JS实现页内动态切换DIV的内容

用JS实现页内动态切换DIV的内容 设想:无需页面跳转,仅通过当页提供的锚动态改变指定div内的内容。 思路:可利用getElementById方法加以实现。getElementB...
  • jw903
  • jw903
  • 2014年04月27日 14:11
  • 5701

js控制div左右切换带左右箭头

  • 2015年11月05日 14:57
  • 6KB
  • 下载

用js给div绑定事件,实现点击切换效果的几种方式总结

用js给div绑定事件,实现点击切换效果,总结有如下几种方式 script type="text/javascript"> function btnAction() { var ...
  • sunnyboy9
  • sunnyboy9
  • 2017年05月18日 23:53
  • 1736

js实现div的切换

JS部分: //下一个div  function next() {    var arr = document.getElementById('tdBjzbsx').getElementsByT...
  • Erikz
  • Erikz
  • 2014年02月10日 14:11
  • 755

js左右滑动切换不同div代码,移动开发应用

  • 2013年11月13日 18:35
  • 3KB
  • 下载

纯javascript验证,100行超精简代码。

纯javascript验证库详解 还是坚持一贯的原则,编写任何一个插件的时候不引用其它框架。这样做的好处与坏处、   好处:耦合度降低,提升自我编码水平,总有一天你就能成为编写框架的大神。 坏处:琐碎...
  • luoyehanfei
  • luoyehanfei
  • 2014年12月30日 09:58
  • 1509

原生JS的简单tab切换实现

实现思路是点击上方的按钮,下方的内容随之发生改变,上方和下方用的是两个div块,是兄弟节点,所以需要让tab按钮和下方内容一一对应,例子是基予两个模块若下标相同是一个内容实现的,首先是HTML框架:/...
  • DayDreamWMM
  • DayDreamWMM
  • 2017年06月30日 21:11
  • 1931

js改变div属性

body{ margin: 0px; padding: 0px; } #show { background: red; width: 100px; ...
  • qq_28147861
  • qq_28147861
  • 2017年10月22日 17:25
  • 259

一个精简的JS DIV层tab切换代码

DIV层切换    function ChangeDiv(divId,divName,zDivCount)  {  for(i=0;i {  document.getElementById...
  • wzjemb
  • wzjemb
  • 2015年03月16日 17:13
  • 678

JS 移动层 div 精简示例

New Document var drag_=false var D=new Function('obj','return document.getElementById(obj)...
  • getdate
  • getdate
  • 2011年10月12日 14:47
  • 963
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个精简的JS DIV层tab切换代码
举报原因:
原因补充:

(最多只允许输入30个字)