table切换/可以在ajax中执行的

原创 2016年08月31日 10:55:07
<style type="text/css">
    .ui_content{margin:10px!important; text-align: left!important;}
    *{margin:0px;  padding:0px;  }
    #tab{  margin:10px;  }
    #tab ul{  list-style:none;  height:36px;  border-bottom:2px solid #ff4a00;display:block;  }
    #tab ul li{  float:left;  display:inline-block;  padding:0px 15px;  height:34px;  line-height:34px;  margin-right:5px;   cursor:pointer;  }
    #tab div{  width:450px;  padding:5px;}
    #tab ul li.on{  border-bottom: 2px solid #ff4a00;    background-color: #ff4a00;  color: #ffffff;  }
    #tab dl dt span{padding-left: 10px;}
    .hide{  display:none;  }
  </style>
<div id="tab">
    <ul>
        <li class="on" onclick="change()">广告栏位</li>
        <li onclick="change()">发布次数</li>
    </ul>
    <div>
       <dl>
           <dt><input type="radio"><span>1个/1个月</span></dt>
           <dt><input type="radio"><span>1个/2个月</span></dt>
           <dt><input type="radio"><span>1个/3个月</span></dt>
       </dl>
    </div>
    <div class="hide">
        <dl>
            <dt><input type="radio"><span>1次</span></dt>
            <dt><input type="radio"><span>2次</span></dt>
            <dt><input type="radio"><span>3次</span></dt>
        </dl>
    </div>
</div>


<script type="text/javascript">
function change(){
     var mytab =document.getElementById("tab");
     var myul=mytab.getElementsByTagName("ul")[0];
     var myli=myul.getElementsByTagName("li");
     var mydiv=mytab.getElementsByTagName("div");
   
     for(i=0,len=myli.length;i<len;i++){
       myli[i].index=i;
       myli[i].onclick=function(){
         for(var n=0;n<len;n++){
           myli[n].className="";
           mydiv[n].className="hide";
         }
         this.className="on";         
         mydiv[this.index].className="";
          
       }
     }
    }
    
  </script>
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

jquery简单的table切换,在页面可以多次使用。

我曾梦想有一位自己喜欢的女孩可以和我一起生活,

类在JVM中的执行过程

在java源文件(.java)被编译成字节码(.class)文件后,启用命令java Demo,就会调用Demo类的main()方法来启动java虚拟机(jvm)。即JVM加载到内存后,就调用Demo...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

执行进程间切换

1 进程切换之前的工作 由于每个进程共享CPU寄存器(咱们就当是单CPU吧),因此在恢复一个进程之前,内核必须确保每个寄存器装入挂起进程时的值,他们就叫“硬件上下文”。在Linux中,进程硬...

执行进程间切换

原文链接  http://blog.csdn.net/yunsongice/article/details/5515965 1 进程切换之前的工作 由于每个进程共享CPU寄存器(咱们就...

经验总结---编译出可以在Android上执行的可执行文件

准备工具

C++中可以运行可执行文件的函数

有三个API函数可以运行可执行文件WinExec、ShellExecute和CreateProcess。CreateProcess因为使用复杂,比较少用。     WinExec主要运行...

可以换行的RadioGroup

0、效果截图: 以上两个RadioGroup均使用FNRadioGroup实现。 1 public class FNRadioGroup extends Vi...

sql2008 excel2010 导入/导出Excel---在sql2008中执行语句可以运行,在asp中执行出错

问题描述:在sql2008中执行语句可以运行,在asp中执行出错 解决方法:开启asp中登录sql的用户的权限为sa权限 sqladmin --从Excel文件中,导入数据到SQL数据库中,很简单...
  • smeyou
  • smeyou
  • 2011-05-24 15:00
  • 3709

使用Maven打可执行jar包(并引入依赖的jar)

一、在pom文件中,引入如下插件         dubbo-producer         src/main/java      &#...

UNIX/LINUX 平台可执行文件格式分析

转载出自:http://linux.chinaunix.net/doc/system/2005-01-13/777.shtml 本文讨论了 UNIX/LINUX 平台下三种主要的可执行文件格...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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