jquery ui tabs应用示例
来源:互联网 发布:淘宝有电话发给我 编辑:程序博客网 时间:2024/05/20 11:47
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$('#example').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
</body>
</html>
- jquery ui tabs应用示例
- jQuery UI Layout Plug-in Tabs Demos 官方示例
- Jquery ui tabs 使用
- Jquery UI tabs
- Jquery UI tabs详解
- JQuery UI - tabs
- Jquery UI tabs
- jquery ui tabs详解
- jQuery UI Tabs Demo
- jQuery-UI学习tabs
- jquery ui tabs
- jquery ui tabs
- jquery ui tabs详解(中文)
- jquery ui tabs详解(中文)
- Jquery UI tabs 属性详解
- jquery ui tabs详解(中文)
- jquery ui tabs详解(中文)
- jquery ui tabs详解(中文)
- 分布式的一些思考
- 在Windows下编译ffmpeg完全手册
- Hex Editors
- Exporting System or Composite Partitioned Table Using Classic Export Gives EXP-6 AND EXP-0 [ID 762774.1]
- 小网站制作总结
- jquery ui tabs应用示例
- 在arm-linux平台上的编译应用SQLite-3_5_8
- 简单改造以实现个性化的GVIM
- vs.net 2005, 没有找到MSVCR80D.dll
- 什么是Gene Ontology?
- Operating System
- Spring IoC
- Java NIO框架(Java编程)
- TinyXML中文文档