简洁实用JavaScript Tab滑动门选项卡特效

最新推荐文章于 2022-09-01 07:40:07 发布

yzlghb520

最新推荐文章于 2022-09-01 07:40:07 发布

阅读量1.6k

点赞数

分类专栏：网页特效文章标签： javascript class div border function php

本文链接：https://blog.csdn.net/yzlghb520/article/details/7992799

版权

这是一款简洁实用JavaScript tab滑动门选项卡特效把 οnclick="nTabs(this,0) 变成 onmouserover="nTabs(this,0),可以做一个鼠标放上去就换内容的效果！

转自：JS特效

代码如下

<html>
<head>
    <title>简洁TAB选项卡-JS选项卡www.iiwnet.com</title>
    <script type="text/javascript">
        function nTabs(thisObj, Num) {
            if (thisObj.className == "active") return;
            var tabList = document.getElementById("myTab").getElementsByTagName("li");
            for (i = 0; i < tabList.length; i++) {//点击之后，其他tab变成灰色，内容隐藏，只有点击的tab和内容有属性
                if (i == Num) {
                    thisObj.className = "active";
                    document.getElementById("myTab_Content" + i).style.display = "block";
                } else {

最低0.47元/天解锁文章

yzlghb520

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简洁实用JavaScript Tab滑动门选项卡特效

这是一款简洁实用JavaScript tab滑动门选项卡特效把 onclick="nTabs(this,0) 变成 onmouserover="nTabs(this,0),可以做一个鼠标放上去就换内容的效果！转自：JS特效代码如下简洁TAB选项卡-JS选项卡www.iiwnet.com function nTabs(thisObj, N
复制链接

扫一扫