当前位置：移动技术网 > IT编程>开发语言>JavaScript > javascript 定时自动切换的选项卡Tab

javascript 定时自动切换的选项卡Tab

2019年07月30日 | 移动技术网IT编程 | 我要评论

这里要注意,用于产生changetabinterval的随机数，防止页面上tabpane过多，如果设置的changetabinterval都一样的话会产生整齐划一的切换的效果，不美观.

<title>自动切换tab选项卡</title> 
 
<style> 
.tab { 
font-family: verdana, helvetica, arial; 
font-size: 12px; 
position: relative; 
width: 100%; 
} 
.tab-border {border:1px solid;border-color: rgb(120,172,255);} 
.tab-head { 
background-color:rgb(234,242,255);; 
border:0px; 
height:23px; 
line-height:20px; 
position:relative; 
} 
.tab-head ul{ 
border:0px; 
height:23px; 
list-style:none; 
margin:0px; 
text-align:center; 
padding:0; 
position:absolute;

} 
.tab-head li{ 
border: 1px solid; 
border-color: rgb(120,172,255); 
border-left: 0; 
border-bottom: 0; 
border-top: 0; 
cursor:pointer; 
color:#416aa3; 
float:left; 
display:block; 
height:22px;!important;height:20px; 
line-height:20px; 
padding: 2px 6px 0px 6px; 
margin-top: 2px; 
margin-right: -1px; 
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;

} 
.tab-head li.hover{ 
border: 1px solid rgb(120,172,255); 
border-bottom: 0; 
padding: 0px 6px 3px 6px; 
margin: 0px 1px 0px 0px; 
background: white; 
font-size: 13px; 
font-weight: bold; 
color: rgb(0,66,174); 
overflow:visible; 
} 
</style> 
<div id="rptopmain_right_middle_right"> 
             
                    <div id="divforumboard"></div>                         
                    <div id="divforumcast" style="padding:8px;height:200px"> 
<div class="rp_2equalcol"><a href="#" target="_blank">黑客零起点教程 chm</a></div> 
<div class="rp_2equalcol"><a href="#" target="_blank">可以加密及解密的vb屏幕键盘组件</a></div> 
<div class="rp_2equalcol"></div> 
<div class="rp_2equalcol"></div> 
<div class="rp_2equalcol"><a href="#" target="_blank">可以加密及解密的vb屏幕键盘组件</a></div> 
<div class="rp_2equalcol"></div> 
                    </div>                         
            <div id="divforumpanel" style="padding:8px;height:210px">                                 
<div class="rp_2equalcol"><a href="#" target="_blank">delphi多文档几何图形绘制及编辑程序</a></div> 
<div class="rp_2equalcol"><a href="#" target="_blank">学acm算法题有用吗？</a></div> 
<div class="rp_2equalcol"><a href="#" target="_blank">黑客零起点教程 chm</a></div> 
<div class="rp_2equalcol"></div> 
<div class="rp_2equalcol"><a href="#" target="_blank">b实现主窗体控制副窗口的显示与隐藏</a></div> 
<div class="rp_2equalcol"><a href="#" target="_blank">delphi多文档几何图形绘制及编辑程序</a></div>                 
            </div>                          
                                  
             </div>

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

VIM编辑器常用指令

VIMVI编辑器的增强版VIM模式编辑模式与命令模式的转换必须先退回到一般模式一般模式编辑模式命令模式一般模式(... [阅读全文]
ros编译package后，devel文件夹内没有对应package的可执行文件

自己写ros的包，大意了。一句话CMakeLists.txt缺少catkin_package()命令导致的。背景... [阅读全文]
linux环境安装node环境以及项目运行

1.服务器的任意目录中，比如/opt，然后进入该目录安装安装包，解压cd /optwget https://no... [阅读全文]
CentOS更换国内yum源+本地配置yum源

一、将yum源更换为国内yum源由于CentOS自带的yum源安装更新速度较慢，我们选择将其更改为国内yum源，... [阅读全文]
荐还不了解jstat命令？看这就够了

文章目录jstat命令类加载统计编译统计垃圾回收统计堆内存统计新生代内存统计新生代GC统计老年代内存统计老年代G... [阅读全文]
vscode上c/c++配置文件

创建VSCODE_CPP文件夹，创建以上三个文件launch.json{“version”: “0.2.0”,“... [阅读全文]
CNN网络实战技巧

学习目标目标了解迁移学习以及技巧应用无我们来看一个个问题如果我们要做一个具体场景的计算机视觉任务，那么从头开始训... [阅读全文]
荐硬币系列三 | 硬币自动分类的一个论文复现

书接上回，经过自动检测和裁剪之后，已经有很多切割整齐的硬币照片了，再来看看相似检测的方法。一开始的思路极其简单，... [阅读全文]
初始HTML，认识前端

初识HTML第一章一.什么是编程语言二.web前端开发语言三.HTML超文本标记语言四.网页主体结构五.常用标签... [阅读全文]
UG12.0运动仿真分析基础到精通视频教程

├┈000 设置界面主题（重要，必须设置）├┈2.2 进入运动仿真模块├┈2.3 新建运动仿真文件├┈2.4 定... [阅读全文]

网友评论


验证码：

javascript 定时自动切换的选项卡Tab

2019年07月30日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论