当前位置:首页 > 日记 > 正文

jQuery网页标签特效的简单实现

jQuery网页标签特效的简单实现
CSS:

复制代码代码如下所示:

。明确{明确:两;高度:0px;溢出:隐藏;}

。标签{宽度:400px;字体大小:12px;}

。tab_menu UL { padding: 0px;保证金:0px;}

。tab_menu李{列表样式:无;显示:块;浮动:左;

背景:# c2cefe;身高:22px;线高度:22px;

填料:0px 8px;右边距:6px;边界:# 86b4ca 1px solid;

}

。箱{宽度:400px;高度:200px;溢出:隐藏;边界:# a8c9d9 1px solid;填充:10px 8px;}

。tab_menu ul。选择{背景:#哒哒哒;鼠标指针;}

隐藏{显示:无;}
jQuery:

复制代码代码如下所示:

$(函数(){())

menu_li = $(var $ div.tab_menu UL Li ); / / 选项卡中选择

menu_li.click美元(函数(){()

$(这)。AddClass(选择) / /高亮当前

兄弟姐妹(RemoveClass)(选择); / /删除其他同行突出

VaR指标= menu_li.index美元($(this); / /)找到子节点索引

$(div.tab_box > div)。情商(指数)显示(N) / /指数DVI显示器

(兄弟姐妹)(隐藏);其他隐藏标签

})

})
HTML:

复制代码代码如下所示:

个人信息

我的照片

我的博客

我的QQ:123456

您好!

你好

相关文章

不使用鼠标滚轮Word2007可以自动滚

不使用鼠标滚轮Word2007可以自动滚

教程,鼠标,可以自动,滚轮,电脑软件,有些老式的二键鼠标是没有滚轮的,所以在使用Word时,常常需要移动到窗口的右侧,拖动垂直滚动条来翻页,这是非常不方便的,那么有没有更好的方法来滚动页面查看文件呢 事实上,从词汇的2002版本开始,Word程序开始提…

使用事务处理转移帐户的PHP

使用事务处理转移帐户的PHP

帐户,事务处理,电脑软件,PHP,本文讲述PHP + mysqli使用事务处理转移问题的方法,供您参考,大家分享 标题(内容类型:文本/ HTML;字符集= UTF-8); $ mysqli =新的mysqli(localhost $ mysqli -> set_charset(utf8); 如果($ mysqli -> connect_errno){ 模…

QQ空间,如果我离开,后悔QQ空间

QQ空间,如果我离开,后悔QQ空间

空间,后悔,电脑软件,QQ,空间的微语录,写下人生的愤怒和悲伤,酸甜,记录自己变化的心情。 不是每个人,在你后悔之后,你仍然可以站在你的立场;不是每个人,都可以在受伤后被遗忘。我不好,但只有一个。如果有一天你失去了我,我不会再让你找到我了。人的感…

25张照片测试你识别P的能力。

25张照片测试你识别P的能力。

识别,能力,照片,测试,电脑软件,下面二十五张照片中有多少张照片是PS的未经处理的照片快速测试你的眼部力量。 (图形/猫的眼睛)你知道吗PS图象处理软件已经走过了25年了。记得PS是第一时间知道吗也许是小学,也许高中,也许只是工作hellip;hellip;每…

用javascript实现行拖动的方法

用javascript实现行拖动的方法

方法,拖动,电脑软件,javascript,本文演示了Javascript实现行拖动的方法: 拖 在window.onload =函数(){ 绑定事件 VaR AddEvent = document.addeventlistener功能(EL型,回调){ El.addEventListener(类型,回调,!1); }函数(EL,类型,回调){ el.attachevent(+型,回调); }…

PS是怎样制作3D空心球的

PS是怎样制作3D空心球的

3D,是怎样,空心球,电脑软件,PS,PS是怎样制作3D空心球的本文主要介绍了PS图象处理软件制造的三维空心球的影响。我希望你需要学习PS图象处理软件的朋友可以参考你需要朋友。 在这一部分中,我们主要是告诉你如何使用PS图象处理软件来进行三维…

如何使用手机锁功能QQ常见问题

如何使用手机锁功能QQ常见问题

常见问题,如何使用,功能,电脑软件,QQ,移动锁功能的操作方法的细节如下: 算子 锁定指令 解锁指令 访问数 区域范围 移动 你的QQ号 js你的QQ号码 一兆零六百五十七亿五千五百八十万二千三百八十一 整个国家 电信CDMA 一百零六亿九…

由PS图象处理软件PS实用技巧修复模

由PS图象处理软件PS实用技巧修复模

照片,方法,模糊,图象,处理软件,一、局部修锐工具帮助 锐化工具是最简单的工具。我们首先学习如何使用锐化、涂抹和修复方法对模糊图像进行部分修复,这些图像通常用于修复面部特征。图片本身质量太低,请记住使用软笔刷、低强度和重复涂抹。 U3…

jQuery在页面使用Ajax滚动时从服务

jQuery在页面使用Ajax滚动时从服务

加载数据,服务器,页面,电脑软件,jQuery,简介 本文将演示如何在滚动滚动条时从服务器端下载数据。使用Ajax技术从服务器加载数据有助于提高任何Web应用程序的性能,因为在打开的页面中,只有一个来自服务器负载的数据屏幕,需要更多的数据,因为用…

如何较好的隐藏的行和列的基础Exce

如何较好的隐藏的行和列的基础Exce

较好,基础,电脑软件,Excel,Office Excel是微软公司开发的一个电子表格程序,是微软Office系列的核心组件之一。它可以为XML和新功能提供支持,使分析和共享信息更加方便。 让我们看看EXECL可以学习如何隐藏行和列的知识。 若要隐藏工作表中的行…

简单地画一个可爱的卡通教程

简单地画一个可爱的卡通教程

教程,画一,卡通,可爱,简单,本教程是向一个朋友介绍插画,简单地画出可爱的卡通方法。从教程中获得的卡通非常可爱和美丽。方法很简单。推荐朋友一起学习。 本教程介绍简单的方法绘制卡通插画可爱,本教程是色彩的主要特征及调整曲率的统一音调…

如何将AI文件导入ps

如何将AI文件导入ps

文件,如何将,电脑软件,AI,ps,如何将AI文件导入psPS是位图软件,和AI是矢量图软件。它们是如何互相导入并使它们分层和可编辑的下面分享ai到PSD的分层方法,有需要的朋友可以参考下。 PS是位图软件,和AI是矢量图软件。它们是如何互相导入并使它们…