好用的Tab菜单切换标签

好用的tab标签js代码：

<script type="text/javascript">
/*
*功能：TAB切换
*函数：
* ChgTab:TAB切换函数
*调用方式：
* ChgTab(标签前缀,选中时显示标签前缀,选中样式,未选中样式,当前项ID,所有项ID)
* – chexiang.org–

*  strDivIdBlock *  strListIdBlock

*  strDivStyleBlock *  strDivStyleNone *  displayNumber *  allNumber */

function ChTab(strDivIdBlock,strListIdBlock,strDivStyleBlock,strDivStyleNone,displayNumber,allNumber)
{
for (var i = 1; i <= allNumber; i++) {
document.getElementById(strDivIdBlock + i).className = strDivStyleNone;
document.getElementById(strListIdBlock + i).style.display = "none";
}
document.getElementById(strDivIdBlock + displayNumber).className = strDivStyleBlock;
document.getElementById(strListIdBlock + displayNumber).style.display = "block";
}
</script>

转载于:https://blog.51cto.com/sunchuanzhen/834421

好用的Tab菜单切换标签相关推荐

day16-筛选器以及Tab菜单示例
一.前言之前我们学习dom写Tab菜单示例,今天我们来学习一下常用的筛选器和Tab菜单示例. 二.操作的html <head><meta charset="UTF-8&q ...
html5 tab菜单切换页面,11个常用的jQuery TAB切换菜单源码及制作教程
11个常用的jQuery TAB切换菜单源码及制作教程 Sponsor TAB切换式菜单可以方便为我们减少很多网页布局空间,而且用jQuery的话可以加入一些动画效果,比如渐变,向左右滑动等,提升一定 ...
html上下滚动切换顶端tab,jQuery实现Tab菜单滚动切换的方法
本文实例讲述了jQuery实现Tab菜单滚动切换的方法.分享给大家供大家参考.具体如下: 这是一款jQuery实现让你的Tab菜单滚动的代码,先运行一下看看效果咋样?是不是超不错,让你的网页变得灵动起 ...
android tab切换菜单内容分页,8月23号 Tab菜单页面切换和jsp分页查询
android ViewPager实现App主界面Tab菜单页面切换和点击事件首先需要创建3个.xml文件,简单设置背景和一些简单组件,tab1.xml,tab2.xml,tab3.xml 之后是对 ...
html页面 tab JS滑动切换,JS+CSS实现滑动切换tab菜单效果
本文实例讲述了JS+CSS实现滑动切换tab菜单效果.分享给大家供大家参考.具体如下: 这是风格简单的一款JS+CSS滑动门特效代码,当鼠标滑过菜单的时候,二级菜单自动切换,鼠标不需要点击,滑动门效果 ...
html5 tab凸起,搭建中间凸起的Tab菜单结构
今年的双11又再一次刷新了记录,大家剁手做贡献了吗回到今天的主题,很多app底下的Tab菜单结构为了突出,中间的tab比两边的高. 思路使用FragmentTabHost搭建Tab菜单使用一张图 ...
【Android】FragmentTabHost实现底部Tab菜单选项
以前实现类似微博底部菜单使用的是TabHost+Activity来实现,但是使用的时候提醒已经被弃用,现在我们可以通过FragmentTabHost+Fragment来实现.下面就是demo: 1.m ...
JQuery Tab菜单的实现
2019独角兽企业重金招聘Python工程师标准>>> 一个tab面板 <div id="tab"> <div class="menu ...
android app 主界面,android ViewPager实现App主界面Tab菜单页面切换和点击事件
Tabhost实现页面滑动切换比较麻烦,这里介绍一下viewPage 控件. 实现了三屏滑动带标题点击和tab页面内按钮的的点击事件实现: viewPage 的优点是可以滑动切换缺点是MainAct ...
vue里tab菜单横向展示，可分页功能组件实现
这个功能思路跟轮播图差不多,下面实现思路是按照tab宽度移动,具体实现直接上代码效果图: 子组件: <template><div class="dataNav" ...

好用的Tab菜单切换标签

好用的Tab菜单切换标签相关推荐

最新文章

热门文章