tab

news/2025/2/23 15:27:02

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>TAb</title>

</head>

<body>

<div class="tab">

<ul class="tab-hd">

<li class="selected"></li>

<li></li>

<li></li>

</ul>

<div class="tab-bd tab-show"></div>

<div></div>

<div></div>

</div>

    <script src="scripts/jquery-1.7.1.min.js" type="text/javascript" ></script>

    <script type="text/javascript">

        $(function(){

            $(".tab-hd").find("li").mouseover(function(e) {

                if (e.target == this) {

                    var tabs = $(this).parent().children("li");

                    var panels = $(this).parent().parent().children("div");

                    var index = $.inArray(this, tabs);

                    if (panels.eq(index)[0]) {

                        tabs.removeClass("selected")

                                .eq(index).addClass("selected");

                        panels.removeClass("tab-show")

                                .eq(index).addClass("tab-show");

                    }

                }

            });


        });

    </script>

</body>

</html>


转载于:https://my.oschina.net/glelaine/blog/281881


http://www.niftyadmin.cn/n/712162.html

相关文章

destroy重新打开 eayui_怎样处理jQuery EasyUI 已打开Tab重新加载问题

如何解决jQuery EasyUI 已打开Tab重新加载问题先给大家说下我的需求&#xff0c;如下&#xff1a;点击左侧已经打开的tab可以刷新重新加载datagrid。也就是说解决easyui 左侧tab重新刷新加载问题实现。实现如下&#xff1a;function addTab(subtitle, url) {if (!$(#tabs).tabs…

java算法判断链表有没有闭环,前端算法系列之二:数据结构链表、双向链表、闭环链表、有序链表...

前言上一次我们讲到了数据结构&#xff1a;栈和队列&#xff0c;并对他们的运用做了一些介绍和案例实践&#xff1b;我们也讲到了怎么简单的实现一个四则运算、怎么去判断标签是否闭合完全等等&#xff0c;anyway&#xff0c;今天接着和大家介绍一些数据结构&#xff1a;上一篇…

web前端学习(三十六)——JavaScript重要语句(if...else if...else、switch、for、while、break、continue)的相关设置

1.JS条件语句 条件语句用于基于不同的条件来执行不同的动作。 通常在写代码时&#xff0c;您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中&#xff0c;我们可使用以下条件语句&#xff1a; if 语句 - 只有当指定条件为 t…

Button的四种点击事件

1.XML文件布局<Buttonandroid:id"id/bt1"android:layout_width"wrap_content"android:layout_height"wrap_content"android:onClick"doClick"android:text"XML添加doClick"android:layout_above"id/bt2"androi…

zabbix 安装 部署 网络监控

zabbix 部署详解zabbix简介是一个高度集成的网络监控解决方案&#xff0c;可以提供企业级的开源分布式监控解决方案&#xff0c;由一个国外的团队持续维护更新&#xff0c;软件可以自由下载使用&#xff0c;运作团队靠提供收费的技术支持赢利Zabbix主要功能&#xff1a;- CPU负…

python fail to execute,用python可视化文件时报ExecutableNotFound: failed to execute ['dot', '-Tsvg']的错...

如上图所示&#xff0c;运行代码之后报ExecutableNotFound: failed to execute [dot, -Tsvg], make sure the Graphviz executables are on your systems PATH的错误&#xff0c;起初以为原因是未安装graphviz模块&#xff0c;pip一下发现还是不行&#xff0c;后来才发现需要先…

一步一步学习Redis——HyperLogLog的相关命令

文章目录&#xff1a; 1.开篇 2.Redis HyperLogLog的相关命令 2.1 PFADD命令 语法 返回值 2.2 PFCOUNT命令 语法 返回值 2.3 PFMERGE命令 语法 返回值 1.开篇 Redis 在 2.8.9 版本添加了 HyperLogLog 结构。 Redis HyperLogLog 是用来做基数统计的算法&#xff0c;H…

labels用python 怎么用_Python wx.TR_EDIT_LABELS属性代码示例

# 需要导入模块: import wx [as 别名]# 或者: from wx import TR_EDIT_LABELS [as 别名]def __init__(self, parent, folder, filterNone, editableTrue):wx.Panel.__init__(self, parent, stylewx.TAB_TRAVERSAL)main_sizer wx.BoxSizer(wx.VERTICAL)self.Tree wx.TreeCtrl(…