文档章节

tab

0000001
 0000001
发布于 2014/06/19 09:42
字数 100
阅读 51
收藏 0

<!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>


© 著作权归作者所有

共有 人打赏支持
0000001
粉丝 35
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
Left Join加上where条件的困惑

left join的困惑:一旦加上where条件,则显示的结果等于inner join 将where 换成 and 用where 是先连接然后再筛选 用and 是先筛选再连接 数据库在通过连接两张或多张表来返回记录时,都会生成...

半夏alvin
2016/03/11
65
0
5 个简单实用的 CSS3 Tab 菜单

Tab菜单是一种比较特殊的菜单,和其他菜单不同,Tab菜单更多的是帮助用户在更狭小的范围内导航所要阅读的内容,通过对Tab页的切换,用户可以在有限的空间内找到更多感兴趣的内容。下面给大家...

tp_wire
2012/07/09
3.2K
4
android UI Tab切页效果 总结

目前市面上APP 切页效果有两类(just android) 1.底部Tab点击不同的按钮来切换页面 && 滑动。 代表: 微信、豆瓣 底部一排Tab标签,顶部没有tab;底部的tab标签切换可以通过点击不同的按钮来...

看不懂就多看几遍
2016/12/07
55
0
关于css3的:target伪类选择器

初识这个css3属性的时候,就想到了html中的锚点特效,也是只要在href的属性附上某节点元素的id号即可,好吧,现在来具体说说这个属性的一些特点: 目标伪类选择器:target是众多使用的css3特效中的...

sunshinewyf
2015/10/13
249
0
Bash中管道会导致数据库连接信息丢失

Bash中管道会导致数据库连接信息丢失 简化问题 说明该问题前,我们先把它简单化。 有一个sample data,tab.lst: 以下两段代码的输出是一致的。 *** 加入实际需求 我们期望从一个文本文件中取...

N0body
2016/08/19
5
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

RobotFramework之Process

Process Library version: 3.0.4 Library scope: global Named arguments: supported Introduction Robot Framework test library for running processes. This library utilizes Python's s......

海盐宝宝
2分钟前
0
0
easyui的textbox赋值问题,不能用$('#text').val('text');赋值

下面来看看easyui的各种验证框赋值的方式: <input name="text" id="text" class="easyui-numberbox" > <input name="text" id="text" class="easyui-textbox" > <input name="text" id="tex......

无小农
6分钟前
0
0
弹性工作制的魔咒

简评:你找到了一份完美的工作 —— 可以提前离开公司,还可以在晚上从家里回复邮件。既然如此,你为什么还会有那么强的负罪感呢? 或许是弹性工作制魔咒在作祟。 很多享受弹性工作制的人会始...

极光推送
12分钟前
0
0
KAFKA介绍(分布式架构)

Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统术语: Kafka将消息以...

明理萝
18分钟前
0
1
os::NodeHandle::subscribe回调函数绑定对象

void Foo::callback(const std_msgs::Empty::ConstPtr& message){}Foo foo_object;ros::Subscriber sub = handle.subscribe("my_topic", 1, &Foo::callback, &foo_object); 参考: ht......

itfanr
20分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部