标签定义jQuery 入门教程(41): jQuery UI Tab 示例（一）

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

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 >

文章结束给大家分享下程序员的一些笑话语录：

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