博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
标签定义jQuery 入门教程(41): jQuery UI Tab 示例(一)
阅读量:5958 次
发布时间:2019-06-19

本文共 1193 字,大约阅读时间需要 3 分钟。

本篇文章笔者在北京逛街的时候突然想到的...最近就有想写几篇关于标签定义的博客,所以回家到之后就奋笔疾书的写出来发布了

    Tab  表现多个标签页,个每标签含有一个标签头和一个Panel(表现标签的内容)。

    基本用法

    首先应用HTML定义用来作为Tab,一般应用列表(ul ,li) 来定义标签页的题标,个每题标应用href 链接到个每页面的内容页,比如下例定义了三个标签页:

    

1 <div id="tabs">
2     <ul>
3         <li><a href="#tabs-1">Nunc tincidunt</a></li>
4         <li><a href="#tabs-2">Proin dolor</a></li>
5         <li><a href="#tabs-3">Aenean lacinia</a></li>
6     </ul>
7     <div id="tabs-1">
8         <p>Proin elit arcu, rutrum commodo, vehicula tempus, </p>
9     </div>
10     <div id="tabs-2">
11         <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, </p>
12     </div>
13     <div id="tabs-3">
14         <p>Mauris eleifend est et turpis. Duis id erat. </p>
15         <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, </p>
16     </div>
17 </div>
    每日一道理
俄国作家契诃夫说:“有大狗,有小狗,小狗不该因为大狗的存在而心慌意乱。所有的狗都应该叫,就让他各自用上帝给他的声音。

    然后应用jQuery 的 tabs()方法把这分部Html素元变成标签页

    

1 <script>
2     $(function () {
3         $("#tabs").tabs();
4     });
5 </script>

    

文章结束给大家分享下程序员的一些笑话语录: 人脑与电脑的相同点和不同点,人脑会记忆数字,电脑也会记忆数字;人脑会记忆程序,电脑也会记忆程序,但是人脑具有感知能力,这种能力电脑无法模仿,人的记忆会影响到人做任何事情,但是电脑只有程序软件。比尔还表示,人脑与电脑之间最重要的一个差别就是潜意识。对于人脑存储记忆的特别之处,比尔表示,人脑并不大,但是人脑重要的功能是联络,人脑会把同样的记忆存储在不同的地方,因此记忆读取的速度就不相同,而这种速度取决于使用的频率和知识的重要性。人脑的记忆存储能力会随着年龄增长而退化,同时记忆的质量也会随着年龄退化。经典语录网

转载地址:http://xekax.baihongyu.com/

你可能感兴趣的文章
Java 集合(2)之 Iterator 迭代器
查看>>
Android MVVM组件化架构方案
查看>>
学汉语、来云栖、海外布道阿里云……这位印度架构师不一般
查看>>
经典Java面试题收集(二)
查看>>
iOS开发备忘笔记 (2)
查看>>
Rxjs 02--Observable 和 observer
查看>>
【Leetcode】100. 相同的树
查看>>
AFNetworking-NSURLConnection
查看>>
"Hotpatch"潜在的安全风险
查看>>
封装Date工具类
查看>>
在腾讯云&阿里云上部署JavaWeb项目(Tomcat+MySQL)
查看>>
Babel学习系列3-babel-preset,babel-plugin
查看>>
焦虑、不安
查看>>
canvas绘图按照contain或者cover方式适配,并居中显示
查看>>
两款爱不释手的markdown编辑工具
查看>>
SpringBoot 实战 (五) | 集成 Swagger2 构建强大的 RESTful API 文档
查看>>
Nginx 通过 Lua + Redis 实现动态封禁 IP
查看>>
Element-UI中Upload上传文件前端缓存处理
查看>>
Terraform入门 - 4. destroy 基础设施
查看>>
LeetCode20.有效的括号 JavaScript
查看>>