`
duoerbasilu
  • 浏览: 1483439 次
文章分类
社区版块
存档分类
最新评论

Tab的切换问题:Tab的显示和隐藏

 
阅读更多

有人问到Tab的切换问题,其实很简单:

function changePhotoAndTab(c,n){
//tab个数
var len=2;
for(i=1;i<=len;i++){
document.getElementById(c + "_" + i).className = (i==n) ? "block":"none";
}
}

在CSS中设置:

.block{display:block;}

.none{display:none;}

调用时:

onMouseOver=“changePhotoAndTab('InfoAssemble',1)” //前者是Tab名称,后面的数字为序号,可根据不同的Tab改动其值。

分享到:
评论

相关推荐

    纯HTML和CSS实现Tab切换效果

    纯HTML和CSS实现Tab切换效果,无需通过Js控制显示和隐藏

    tab切换.html

    四个tab标题和四个内容区都显示在了页面中,现在要实现tab切换效果,即点击标题一,内容一显示出来,其他内容不显示;点击标题二,内容二显示出来,其他内容不显示…… 那么,整体思路很简单,给四个标题绑定事件,...

    Vue解决echart在element的tab切换时显示不正确问题

    最近在项目中遇到了这种情况,需要在tab控件上渲染多个echart图标,然后切换查看时,...原理:利用v-if属性,当切换至对应的tab时,设置其v-if的值为true即可,同时设置默认显示的tab 举例如下: &lt;el-tab-pane na

    tab切换4中效果-html

    tab切换的布局上面是你要显示的东西下面的选择时的按钮 JavaScript部分先获取元素再循环遍历获得元素的下标(下标:就是有多少的东西)设置按钮的点击事件之后需要再重复一次上面的循环遍历(需要更改变量)之后再...

    【JavaScript源代码】JavaScript实现简易tab栏切换案例.docx

     本文实例为大家分享了JavaScript实现简易tab栏切换效果的具体代码,供大家参考,具体内容如下 tab栏分析 li里面的分析 js实现隐藏与显示 排他思想: 1)、所有元素全部清除样式(干掉其他人) 2)、给当前...

    简单的tab切换

    简单的tab切换 div 的隐藏和显示很简单

    tab菜单单击时切换标签的例子

    tab菜单单击时切换标签的例子,通用轻量级tab导航菜单

    使用css实现tab栏的切换

    通过label和radio的隐藏实现tab内容切换,代码内容十分精简。

    Office tab,

    OfficeTab是一款应用于 Microsoft Office 的插件,其内含 ExcelTab、WordTab 和 PowerPointTab三个组件,分别对应支持 Excel、Word 和 PowerPoint 的多标签模式运行。其主要作用就是为 Microsoft Office 办公软件 ...

    OfficeTab 6.1

    OfficeTab是一款应用于Microsoft Office 的插件,其内含 Exceltab3.22、WordTab2.32和PowerPointTab2.22三个组件,分别 对应支持 Excel、Word和PowerPoint的多标签模式运行。其主 要作用就是为上述程序添加一个类似...

    OfficeTab_v1.20

    OfficeTab(v1.20)是一款应用于Microsoft Office 的插件,其内含Exceltab3.20、WordTab2.30和PowerPointTab2.20三个组件,分别 对应支持Excel、Word和PowerPoint的多标签模式运行。其主要作用就是为上述程序添加一...

    Tab切换及鼠标样式.rp

    axure原型模板之一,TAB的切换和隐藏使用,适合新手。

    【最新版】Command-Tab Plus.dmg 1.110【亲测可用】最好的Mac的以键盘为中心的应用程序和窗口切换器

    适用于Mac的以键盘为中心的应用程序和窗口切换器 当您使用许多已加载的程序时,在它们之间进行切换会带来问题,因为它通常需要很长时间。 Command-Tab Plus在使用多个应用程序方面为您提供了许多改进,并且可以替代...

    C语言程序设计 windows Tab控件的常用方法,练习小作品

    最搞笑的问题,不是这个控件有多难学,而是如何向这个TAB切换视图界面时遇到的问题。 问题是如何将某个子窗口置顶显示,而不是才用隐藏的方法,原本就以为只要使用setwindowpos函数就能搞定的, 可是就是不行,经过...

    4种不同风格jQuery自定义tab选项卡特效.zip

    导航菜单可应用于头部和侧边,Tab选项卡提供多套风格,支持响应式,支持删除选项卡等功能。面包屑结构简单,支持自定义分隔符...因为默认选项为第一个,所以第一个先显示,为达到tab切换的效果其余三个需要先隐藏起来。

    Office Tab

    •WordTab和ExcelTab提供了标签锁定功能(不支持PPtTab),锁定后的文档不能保存和关闭。 •独立OfficeTab设置中心,更加方便的设置OfficeTab的各组件功能 •漂亮的的皮肤外观样式,有11种可以选择 •可以设置为...

    Office Tab 9.1 简体中文企业注册版

    (目前支持Word、Excel、PowerPoint )不仅如此,Office Tab 还支持自定义标签外观、标签的显示位置、标签的关闭方式、随意拖拽标签位置等。你甚至可以像使用浏览器一样来使用Office。 Office Tab Enterprise ...

    office tab 9.60 天涯浪子

    (N代表的是阿拉伯数字1-9) 如果你不想要快捷切换键的话,可分别在Wordtab,Exceltab ,PPttab选项中设置不勾选“启用快捷键切换标签栏是否显示”和“启用快捷键切换标签”。 5.怎样判断Office Tab中的组件是否被...

    ios Tab的动画隐藏效果

    在切换视图的时候,添加动画效果隐藏TabBarcontroller

Global site tag (gtag.js) - Google Analytics