基于JQuery的6个Tab选项卡插件

 更新时间:2010年09月03日 15:02:35   作者:  
今天在修整博客侧栏信息时,利用到了Tab选项卡方式,因为ZBlog封装的是JQuery库,所以很自然地就想到了IdTabs。
顺便也找 来了不少优秀的Tab选项卡实例,在这里与大家分享一下。当然,最终我没有用到IdTabs以及如下任何一个实例,我只是很不服气的自己写了个小插件,尚 不完善,就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧:
1. jQuery 选项卡界面 / 选项卡结构菜单教程
这种 类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此 演示哟,你一定会喜欢上它的。
演示 | 下载 | 介绍

2. jQuery目录导航插件
这个jQuery插件为我们提供了添加基于字母顺序的导航小部件到有序和无序列表的方法。一个在 列表之上的简易的(via CSS)导航条,向用户展示从A到Z的检索。通过从列表中选择一个字母来显示以此字母开头的所有元素。在可选字母上面显示的计数,是表明当你点击此字母的 时候会有多少项目被现实。除此之外还有其他的基本功能可供选择。
演示 | 下载 | 介绍

3. jQuery的Kwicks菜单
Kwicks起源于Mootools中的一个效果(相同名字),逐渐演变成一个高度可定制 的通用部件.
演示 | 下载 | 介绍

4. jQuery褪色菜单 -更换内容
CSS-tricks上很好的教程,讲解如何使用css和jQuery, 这次是他们教导如何使用 jquery使得菜单选项褪色。
演示 | 下 载 | 介绍

5. jQuery idTabs
idTabs是jQuery的插件。他能非常容易的为网站添加选项卡. 但是他也为无穷的可能性敞开大门。
演示 | 下载 | 介绍

6. jQuery + CSS创建顺畅的选显卡内容区
网页设计师设法把大量的信息浓缩在一个网页上而不失可用性是最大的挑战之 一。内容选项卡化是处理此类问题非常棒的方法,最近广泛被应用于博客。这是一篇非常棒的教程讲解,使用HTML建立一个小的选项卡信息盒,最后使用一些简 单js功能与jQuery库实现。
演示 | 下载 | 介绍

相关文章

  • jQuery选择头像并实时显示的代码

    jQuery选择头像并实时显示的代码

    jQuery选择头像并实时显示的代码,以前脚本之家用js实现了,这里使用jquery实现的。
    2010-06-06
  • jquery 判断div show的状态实例

    jquery 判断div show的状态实例

    下面小编就为大家带来一篇jquery 判断div show的状态实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-12-12
  • jQuery中的关系查找方法

    jQuery中的关系查找方法

    这篇文章主要介绍了jQuery中的关系查找方法,关系查找方法分有children()子级、siblings()兄弟的一些方式,下文都有介绍到,文章内容介绍详细,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • Java中Timer的用法详解

    Java中Timer的用法详解

    Timer是比较常用的工具类,用于按时间计划执行任务。这篇文章给大家介绍java中的timer的用法详解,涉及到java timer相关知识学习,对本文感兴趣的朋友可以参考下本篇文章
    2015-10-10
  • 用jquery等比例控制图片宽高的具体实现

    用jquery等比例控制图片宽高的具体实现

    控制图片宽高的方法有很多,下面为大家介绍下使用jquery是如何实现的,感兴趣的朋友可以学习下
    2014-01-01
  • jquery 可拖拽的窗体控件实现代码

    jquery 可拖拽的窗体控件实现代码

    这个是一个让DOM元素可以拖拽的控件,代码很简单,我也是新手,不知道有没有BUG,自己测试还行,希望大家发现BUG,踊跃提出,谢谢。这个是基于JQUERY开发的
    2010-03-03
  • jQuery页面弹出框实现文件上传

    jQuery页面弹出框实现文件上传

    这篇文章主要为大家详细介绍了jQuery页面弹出框实现文件上传,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果

    jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果

    jquery实现下拉菜单效果,jquery写的仿京东导航菜单,一个经典的左侧多级导航菜单,学会了可以任意改变布局,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-04-04
  • jQuery的运行机制和设计理念分析

    jQuery的运行机制和设计理念分析

    jQuery是一个非常优秀的JavaScript库,与Prototype,YUI,Mootools等众多的Js类库相比,它剑走偏锋,从Web开发实用的角度出发,抛除了其它Lib中一些不实用的东西,为开发者提供了短小精悍的类库。
    2011-04-04
  • jQuery选择器之表单元素选择器详解

    jQuery选择器之表单元素选择器详解

    这篇文章主要为大家详细介绍了jQuery选择器之表单元素选择器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09

最新评论