当前位置:主页 > jquery插件 > TAB选项卡 >

jqueryTabs选项卡

栏目分类:TAB选项卡   模板编号:JQ00012    发布日期:2017-02-23   来源:网络   浏览次数:次     在线预览
jQuery的标签更好的为你的表单的输入域创建一个漂亮的不显眼的标签。在关于这个插件的唯一性是你需要添加一个占位符文本,我们将显示标签,只有当用户需要它。

jQuery的标签更好的为你的表单的输入域创建一个漂亮的不显眼的标签。在关于这个插件的唯一性是你需要添加一个占位符文本,我们将显示标签,只有当用户需要它。

使用步骤

添加到您的网站,只需包括最新的jQuery库连同organictabs.jquery.js到文档中的<HEAD> ,并简单地调用这样的功能:

$(function() {
    // 调用插件
    $("#example-one").organicTabs();
    $("#example-two").organicTabs({
        "speed": 100,
    });
});

如须修改Tabs标签切换速度,在调用插件js中,修改speed的值即可,默认是300,单位是毫秒

html部分格式

<div id="#example-one">
    <ul class="nav">
        <li><a href="#tab1" class="current">#tab1</li>
        <li><a href="#tab2">#tab2</li>
    </ul>
    <div class="listwrap">
        <ul id="#tab1">
            <li></li>
            <li></li> 
        </ul>
        <ul id="#tab2">
            <li></li>
            <li></li>
        </ul>
    </div>  
</div>


在线演示 立即下载
打赏本站
云盘密码:90ki

标签: TAB 选项卡 jquery

Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载