`

jQuery 滑动选项卡jQuery tabulous.js

阅读更多

A jQuery tabs module for todays web!



 

实例DEMO

运行一下

Documentation

Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use.

..:: Getting Started

Include the relevant files

Firstly include jQuery and the tabulous.css and tabulous.js files. Place these before <head> section

 

Create the tabs
  1. <divid="tabs">
  2. <ul>
  3. <li><ahref="#tabs-1"title="">Tab 1</a></li>
  4. <li><ahref="#tabs-2"title="">Tab 2</a></li>
  5. <li><ahref="#tabs-3"title="">Tab 3</a></li>
  6. </ul>
  7. <divid="tabs_container">
  8. <divid="tabs-1">
  9. <!--tab content-->
  10. </div>
  11. <divid="tabs-2">
  12. <!--tab content-->
  13. </div>
  14. <divid="tabs-3">
  15. <!--tab content-->
  16. </div>
  17. </div><!--End tabs container-->
  18. </div><!--End tabs-->
复制
Initiate the plugin

Once you have created your tabs you will need to initiate the plugin.

At its most basic level you can initiate the plugin like:

  1. $(document).ready(function($){
  2. $('#tabs').tabulous();
  3. });
复制

If you want to initiate the plugin with options then you can do so like:

  1. $('#tabs').tabulous({
  2. effect:'scale'
  3. });
复制

..:: Options

Variable Default Value Description Valid Options
effect scale The effect to use for the transition scale / slideLeft / scaleUp / flip

 

  • 大小: 98.1 KB
1
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery选项卡tabulous.zip

    在“jQuery选项卡tabulous.zip”这个压缩包中,包含的是一套使用jQuery实现的选项卡(Tab)功能。选项卡是网页设计中常见的交互元素,常用于展示多组相关但独立的信息,通过切换选项卡来隐藏或显示不同的内容区块。 ...

    选项卡tabulous.zip

    本文将详细探讨“选项卡tabulous”这款基于jQuery的插件,以及其在实现 Scale、Slide、Scale Up、Flip 等效果时所涉及的技术和知识。 “选项卡tabulous.zip”是一个包含相关资源和代码的压缩包,主要用于创建动态且...

    现代时尚的jQuery和CSS3 Tabs选项卡插件

    Tabulous.js是基于jQuery和CSS3的选项卡插件,它为网站提供了现代、时尚的选项卡设计。这款插件允许用户轻松地创建和定制选项卡组件,以便展示多种内容,如文本、图像、视频或任何其他HTML元素。 1. **内容兼容性**...

    选项卡tabulous特效代码

    "选项卡tabulous特效代码"是指使用jQuery库开发的一个插件,它提供了丰富的动画效果,使得选项卡的交互更加吸引人和动态。以下是关于选项卡tabulous插件的详细知识点: 1. **jQuery插件**:jQuery是一个广泛使用的...

    DNA进化算法及其改进研究样本.doc

    DNA进化算法及其改进研究样本.doc

    基于Matlab的水果识别程序:融合图像处理与深度学习技术

    内容概要:本文详细介绍了使用Matlab编写的水果识别程序。首先简述了人工智能和机器学习在水果识别领域的应用背景,强调了Matlab作为强大编程环境的优势。接着,文章逐步讲解了水果识别程序的具体实现流程,涵盖数据预处理、特征提取、模型训练以及最终的识别算法实现。每个环节都采用了先进的技术和方法,如图像去噪、大小调整、深度学习算法(特别是卷积神经网络CNN),并通过训练神经网络模型来提升识别精度。此外,还讨论了相关技术手段和技术挑战,展示了Matlab在图像处理和计算机视觉方面的强大能力。 适合人群:对图像处理、机器学习感兴趣的科研人员、学生及工程师。 使用场景及目标:适用于希望深入了解Matlab环境下水果识别程序的设计与实现的研究者;旨在帮助使用者掌握从数据准备到模型部署的一系列技能,为实际项目提供理论支持和技术指导。 其他说明:文中不仅提供了详细的程序实现步骤,还对未来发展方向进行了展望,鼓励更多人参与到水果识别及相关领域的研究中。

    scratch少儿编程逻辑思维游戏源码-修复塔.zip

    scratch少儿编程逻辑思维游戏源码-修复塔.zip

    spring-boot-2.5.13.jar中文文档.zip

    # 压缩文件中包含: 中文文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    scratch少儿编程逻辑思维游戏源码-天空之球.zip

    scratch少儿编程逻辑思维游戏源码-天空之球.zip

    spring-boot-1.0.2.RELEASE.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    scratch少儿编程逻辑思维游戏源码-土豆兄弟.zip

    scratch少儿编程逻辑思维游戏源码-土豆兄弟.zip

    scratch少儿编程逻辑思维游戏源码-小鸟冒险.zip

    scratch少儿编程逻辑思维游戏源码-小鸟冒险.zip

    scratch少儿编程逻辑思维游戏源码-跳进火山.zip

    scratch少儿编程逻辑思维游戏源码-跳进火山.zip

    scratch少儿编程逻辑思维游戏源码-跳跃引擎.zip

    scratch少儿编程逻辑思维游戏源码-跳跃引擎.zip

    scratch少儿编程逻辑思维游戏源码-旋转(4).zip

    scratch少儿编程逻辑思维游戏源码-旋转(4).zip

    scratch少儿编程逻辑思维游戏源码-死里逃生.zip

    scratch少儿编程逻辑思维游戏源码-死里逃生.zip

    spring-boot-1.3.5.RELEASE.jar中文文档.zip

    # 压缩文件中包含: 中文文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    spring-boot-2.6.10.jar中文文档.zip

    # 压缩文件中包含: 中文文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    HPERP商业软件实施解决方案模板.doc

    HPERP商业软件实施解决方案模板.doc

    spring-boot-2.2.3.RELEASE.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

Global site tag (gtag.js) - Google Analytics