当前位置:  编程技术>WEB前端

简单选项卡 js和jquery制作方法分享

    来源: 互联网  发布时间:2014-08-25

    本文导语:  代码如下:无标题文档 $(function(){      $("#ul2 li").click(function(){          var num = $(this).index();          $("#con2 div").css("display","none");          $("#con2 div").eq(num).css("display","block")          })     })  window.onload...

代码如下:





无标题文档


 $(function(){
      $("#ul2 li").click(function(){
          var num = $(this).index();
          $("#con2 div").css("display","none");
          $("#con2 div").eq(num).css("display","block")
          })
     })


  window.onload = function(){
      var ss = document.getElementById("ul1").getElementsByTagName("li");
      var pa = document.getElementById("con");
      var div = pa.getElementsByTagName("div");
      //alert(div.length)
      var ch;
      for(var i = 0;i < ss.length;i++){
          ss[i].index = i;
           ss[i].onclick = function(){
               ch = this.index;
               for(var j = 0; j

     
  • 标题一

  •  
  • 标题二

  •  
  • 标题三



  
内容一

  
内容二

  
内容三





    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • HTML中的<select>标签如何设置默认选中的选项
  • .jsa在jbuilder中new选项中选哪个选项
  • linux bash shell命令:文本搜索工具Grep命令选项及实例
  • linux图形模式下shutdown里有Hibernate这个选项。怎么man shutdown里找不到hibernate这个选项呢。
  • linux/centos源码安装nginx编译配置选项参数介绍
  • 请问如何保存住下拉框的选项的结果值,比如时间的选择或者任意选项的选择
  • docker下通过Dockerfile指令构建镜像的指令选项介绍
  • 请教一个GCC编译选项
  • Docker 基础用法和常用命令及选项介绍
  • jQuery选项卡 KandyTabs
  • Tab选项卡 Updated Simple CSS Tabs
  • tcp选项部分的问题 请有经验的朋友指点 高分急!!!!!!!!!!!!!
  • GCC的O1、O2、O3选项究竟优化了什么?
  • 有关gcc的链接选项
  • FreeBSD怎么没有安装桌面选项???
  • c/c++开源软件 iis7站长之家
  • jQuery 选项卡插件 Tabslet
  • jQuery选项卡插件 MagicTabs
  • 在 JBuilder 6 中,如何修改设置使得编译时支持 -deprecation 选项?
  • 关于gcc的编译选项的问题?
  • 询问gcc的一个编译选项


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3