js tab效果代码增强版

 更新时间:2008年04月20日 16:01:36   作者:  
兼容IE,firefox的js tab效果代码增强版

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

本人在它的基础上添加的内容控制的效果
复制代码 代码如下:

<script type="text/javascript">
function $(objName)
{

    if(document.getElementById)
    {
        return document.getElementById(objName );
    }
    else if(document.layers)
    {
        return eval("document.layers['" + objName +"']");
    }
    else
    {
        return eval('document.all.' + objName);
    }
}
function switchTab(tabpage,tabid,action,type){
    var oItem = $(tabpage);   
    for(var i=1;i<6;i++){
        var x = $(type + 'Tab' + i);    
        //alert(x);
        x.className = "mousehand";
        //var y = x.getElementsByTagName('a');
        //y[0].style.color="#333333";
  }    
    $(tabid).className = "Selected";
    //gethotimagelist(type+'_'+action);
    closeall(action);
    $(action).style.display="block";
}
function closeall(action){
for(var ii=1; ii<5; ii++){
var noclose;
noclose="div"+ii;
if (noclose!=action){
$(noclose).style.display="none";
}
}
}
</script>

相关文章

  • jQuery.extend()的实现方式详解及实例

    jQuery.extend()的实现方式详解及实例

    extend()函数是jQuery的基础函数之一,作用是扩展现有的对象
    2013-06-06
  • js下利用控制器载入对应脚本

    js下利用控制器载入对应脚本

    因项目开发需要,须将每一个方法都独立成单独的js文件以便载入、维护,所以,必须需要有一个控制器用于载入这些方法。
    2010-07-07
  • javascript字符串对象常用api函数小结(连接,替换,分割,转换等)

    javascript字符串对象常用api函数小结(连接,替换,分割,转换等)

    这篇文章主要介绍了javascript字符串对象常用api函数,结合实例形式总结分析了javascript常用的连接、替换、分割、转换等相关函数与使用方法,需要的朋友可以参考下
    2016-09-09
  • webpack v4 从dev到prd的方法

    webpack v4 从dev到prd的方法

    这篇文章主要介绍了webpack v4 从dev到prd的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • javaScript深拷贝和浅拷贝的简单介绍

    javaScript深拷贝和浅拷贝的简单介绍

    深浅拷贝知识在我们的日常开发中还算是用的比较多,下面这篇文章主要给大家介绍了关于javaScript深拷贝和浅拷贝的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • JavaScript实现简单图片切换

    JavaScript实现简单图片切换

    这篇文章主要为大家详细介绍了JavaScript实现简单图片切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • js知识点总结之getComputedStyle的用法

    js知识点总结之getComputedStyle的用法

    getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,下面这篇文章主要给大家介绍了关于js知识点总结之getComputedStyle用法的相关资料,需要的朋友可以参考下
    2022-10-10
  • 详解JavaScript数组的常用方法

    详解JavaScript数组的常用方法

    这篇文章主要为大家介绍了JavaScript数组的常用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • 微信小程序 wepy框架与iview-weapp的用法详解

    微信小程序 wepy框架与iview-weapp的用法详解

    这篇文章主要介绍了微信小程序 wepy框架与iview-weapp的用法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • javascript正则表达式之分组概念与用法实例

    javascript正则表达式之分组概念与用法实例

    这篇文章主要介绍了javascript正则表达式之分组概念与用法,结合实例形式分析了javascript正则表达式分组的功能、定义与使用方法,需要的朋友可以参考下
    2016-06-06

最新评论