js利用tab键切换当前页面_js小技巧：tab页切换

依旧只是贴在这里备份，方便以后粘贴复制，高手绕过，以免浪费时间:)

tab页切换

function switchTab(ProTag, ProBox) {

for (i = 1; i < 5; i++) {

if ("tab" + i == ProTag) {

document.getElementById(ProTag).getElementsByTagName("a")[0].className = "on";

} else {

document.getElementById("tab" + i).getElementsByTagName("a")[0].className = "";

}

if ("con" + i == ProBox) {

document.getElementById(ProBox).style.display = "";

} else {

document.getElementById("con" + i).style.display = "none";

}

{

padding: 0;

margin: 0;

line-height: 25px;

font-size: 12px;

list-style:none;

}

#tabContainer

{

margin: 30px;

}

#tabContainer li

{

float: left;

width: 80px;

margin: 0 3px;

background: #efefef;

text-align: center;

}

#tabContainer a

{

display: block;

}

#tabContainer a.on

{

background: pink;

}

命运
运势
缘分
人生

命运是个神马玩意儿...

霉运也是一种运气...

缘份纯粹是蒙人的东西...

人生就是人"生"出来之后的过程...

tab页切换

function switchTab(ProTag, ProBox) {

for (i = 1; i < 5; i++) {

if ("tab" + i == ProTag) {

document.getElementById(ProTag).getElementsByTagName("a")[0].className = "on";

} else {

document.getElementById("tab" + i).getElementsByTagName("a")[0].className = "";

}

if ("con" + i == ProBox) {

document.getElementById(ProBox).style.display = "";

} else {

document.getElementById("con" + i).style.display = "none";

}

{

padding: 0;

margin: 0;

line-height: 25px;

font-size: 12px;

list-style:none

}

#tabContainer

{

margin: 30px;

}

#tabContainer li

{

float: left;

width: 80px;

margin: 0 3px;

background: #efefef;

text-align: center;

}

#tabContainer a

{

display: block;

}

#tabContainer a.on

{

background: pink;

}

命运
运势
缘分
人生

命运是个神马玩意儿...

霉运也是一种运气...

缘份纯粹是蒙人的东西...

人生就是人"生"出来之后的过程...

运行代码 (注:如果点击运行代码后报js错误，请在页面上右击选择编码为utf-8或刷新页面)

js利用tab键切换当前页面_js小技巧：tab页切换相关推荐

js利用tab键切换当前页面_JS实现的tab切换并显示相应内容模块功能示例
本文实例讲述了JS实现的tab切换并显示相应内容模块功能.分享给大家供大家参考,具体如下: 思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的内容模块. 二层循环将元素 ...
PDF文件如何提取页面，PDF提取页面的小技巧
PDF如何提取页面呢?PDF提取页面的小技巧你知道吗?想要提取PDF文件的页面就可以使用到专业的PDF编辑器来进行操作,但是很多人不会使用PDF编辑器,其实PDF编辑器进行PDF提取页面的操作还是比较 ...
PDF如何裁剪页面，PDF裁剪页面的小技巧
PDF文件如何裁剪页面呢?之前也说过PDF文件的特殊性,不能够直接编辑之类的,需要安装专业的PDF编辑器来进行操作,那么PDF裁剪页面这样的操作是怎么进行的呢?下面就一起来学习下PDF裁剪页面的小技巧 ...
mysql tab键替换为空_记事本中TAB键替换为空格键的方法
在编程过程中我们一般不希望用TAB符,但由于有些代码并不是自己编写,难免存在TAB符,下面说一下怎么利用ultraedit编辑器来查找和替换. untraedit中显示TAB和显示空格,以及换行用同一 ...
4个空格 tab vetur_python学习的10个小技巧
点击蓝字元旦关注我们 Python是一门技巧性很强的语言,但是在使用时难免会因为许多的原因而减缓运行的效率,下面10条python学习须知的小技巧,一起看看吧! 列表推导式你有一个list:ba ...
前端笔记-js文件首行添加;号（前端小技巧）
这里记录一个前端的小技巧: 一般来说,我们自己写js代码,都会在首行添加";"号原因是html加载js,如果有多个,那么这些js文件会被合并. 当某个js文件,尾巴没有 &quo ...
js 去重某个键值数组对象_js数组去重（包括对象数组去重）
2019.08.02补: 对象数组建议直接循环然后使用工具库(lodash)的深比较,评论里也有指出,文章的方法有些取巧了生产环境不要这么玩~. 方法一:利用ES6的Array.from()/扩展运 ...
js 去重某个键值数组对象_JS数组去重常见方法分析
数组去重是开发中经常会遇到的问题,也是面试时经常会考到的.JS实现数组去重可以有多种方法: 一.简单的去重方法用一个类比来简单解释一下这种去重方法的思路:A篮子里有若干个不同颜色和大小的球,旁边放一 ...
python一个tab键是几个空格_python中tab键是什么意思
对于程序员来说,其实Tab和空格远远不只是"立场"问题那么简单. 在不同的编辑器里tab的长度可能不一致,所以在一个编辑器里用tab设置缩进后,在其它编辑器里看可能缩进就乱了.空格 ...

js利用tab键切换当前页面_js小技巧：tab页切换

js利用tab键切换当前页面_js小技巧：tab页切换相关推荐

最新文章

热门文章