`

jquery UI

UIjQueryHTML 
阅读更多
=====================  accordion (可折叠的) ===========================

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#accordion").accordion();
  });
  </script>
</head>
<body style="font-size:62.5%;">
 
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div><p> Mauris mauris ante </p>
</div>
<h3><a href="#">Section 2</a></h3>
<div><p> Sed non urna. </p>
</div>
<h3><a href="#">Section 3</a></h3>
<div><p> Nam enim risus,</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div><p>Cras dictum. </p>
      <p>Suspendisse eu nisl. </p>
</div>
</div>

</body>
</html>
分享到：
| Javascript面向对象程序设计
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    bootstrap&jQueryUI例子

    在"bootstrap&jQueryUI例子"这个压缩包中，可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式，同时引入 jQuery UI 的组件，实现更复杂的用户...

    JQuery UI 中文帮助文档

    **jQuery UI 中文帮助文档详解** jQuery UI 是一个基于 jQuery JavaScript 库的开源项目，它提供了丰富的用户界面组件，使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI...

    jquery ui messager 消息框

    jQuery UI Messager是一款基于jQuery和jQuery UI库的插件，用于在Web应用程序中创建美观、功能丰富的消息框。它提供了一种优雅的方式来显示各种类型的通知，如警告、错误、信息和成功消息，增强了用户交互体验。这个...

    JQuery UI包括(1.0.5、1.2、1.3、1.7、1.8、1.9)等版本另附文档

    2.jQuery and jQuery UI Reference 1.2 API.zip； 3.jQuery UI 1.9带给我们的惊喜.zip； 4.jQuery.ui.docs.rar； 5.jquery-easyui-1.0.5.zip； 6.jquery-easyui-1.2.ZIP； 7.jQuery-easyui-docs.rar； 8.jquery-ui-...

    jQuery UI Multiselect （jQuery UI 多选框）

    首先，确保在项目中引入了jQuery和jQuery UI的核心库，然后引入jQuery UI Multiselect的CSS和JS文件。接下来，可以按照以下步骤创建和初始化多选框： ```html &lt;!-- HTML结构 --&gt; &lt;option value="1"&gt;Option 1 ...

    jQuery UI组件 jQuery UI

    **jQuery UI组件详解** jQuery UI 是一个强大的前端开发框架，基于流行的JavaScript库jQuery构建，它提供了丰富的用户界面组件，能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的...

    JQueryUI,EasyUI一些控件的使用

    在本文中，我们将深入探讨JQueryUI和EasyUI这两个JavaScript库在创建用户界面时的一些关键控件和功能，包括表单、Tab切换以及样式切换。它们都是为了提升Web应用程序的用户体验和交互性而设计的。 首先，让我们了解...

    jquery ui & themes

    《jQuery UI与主题设计详解》 在Web开发领域，jQuery UI是一个强大且广泛使用的JavaScript库，它基于jQuery核心库，提供了丰富的用户界面组件和交互效果。jQuery UI的主要目标是简化前端开发，通过提供一系列可定制...

    最新jQueryUI组件下载

    这个“最新jQueryUI组件下载”应该指的是版本号为1.10.0的jQuery UI压缩包。 jQuery UI 包含了大量的可交互和视觉上吸引人的元素，它简化了网页开发，让开发者可以快速实现复杂且用户友好的界面设计。以下是一些...

    前端项目-jqueryui-touch-punch.zip

    在“前端项目-jqueryui-touch-punch”这个项目中，包含的文件可能是jQuery UI Touch Punch的源码或示例。通过解压并研究这个项目，你可以了解到如何将这两个工具结合到自己的Web应用中，以提供兼容触摸设备的用户...

    jQueryUI jQueryUI插件 键盘插件

    jQueryUI 是一个强大的JavaScript库，它扩展了流行的jQuery框架，为开发者提供了丰富的用户界面组件。在Web开发中，jQueryUI提供了诸如对话框、拖放、排序、日期选择器等多种交互式元素，极大地提升了用户体验。而...

    jQuery UI Datepicker插件timepicker时分秒

    《jQuery UI Datepicker插件与timepicker时分秒扩展详解》 在Web开发中，日期和时间的选择常常是一项必不可少的功能，jQuery UI Datepicker插件是一个非常流行的选择工具，它为用户提供了直观、易于使用的日期选择...

    jQuery UI仿webqq桌面系统WebOS界面操作

    在本项目中，“jQuery UI仿webqq桌面系统WebOS界面操作”是一个利用jQuery UI库创建的，模拟WebQQ桌面系统风格的Web操作系统界面。这个系统旨在提供一种类似于桌面环境的用户体验，用户可以通过浏览器进行交互，享受...

    jQueryUI参考手册中文CHM版

    资源名称：jQuery UI参考手册 中文CHM版内容简介：jQuery UI是一个建立在jQuery Javaｓｃｒｉｐｔ 库上的小部件和交互库，您可以使用它创建高度交互的Web应用程序。本教程将向您讲解 jQuery UI 是如何工作的。本文给...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    在lwme-jqueryui-demo这个压缩包中，可能包含了多个示例文件，它们展示了Autocomplete的不同用法和配置，可以帮助开发者更好地理解和运用这个组件。通过学习这些示例，你可以掌握如何根据项目需求灵活定制...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称：jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介：《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库，从...

    Jquery Ui 后台模板界面

    **jQuery UI 后台模板界面详解** jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合，它提供了丰富的交互式组件和可自定义的主题，适用于构建后台管理系统界面。jQuery UI 包含了多种功能强大的组件，...

    jQuery UI 中文版 入门到精通 PDF

    《jQuery UI 中文版 入门到精通》是一本针对jQuery UI框架的全面教程，旨在帮助初学者快速掌握这一强大的用户界面库。jQuery UI是基于jQuery JavaScript库的扩展，提供了丰富的交互式组件和设计模式，使得网页开发...

    jQueryUI API文档资料

    jQuery UI 是一个基于 jQuery JavaScript 库的开源项目，它提供了丰富的用户界面组件和交互效果，如日期选择器、对话框、拖放功能、排序列表等。这个API文档资料旨在帮助开发者更有效地理解和使用jQuery UI的各种...

    很强大的jQuery UI

    jQuery UI 是一个基于 jQuery JavaScript 库的开源框架，它提供了丰富的用户界面组件和交互效果，如拖放功能、对话框、日历、滑块、进度条等。这个库旨在简化网页开发，帮助开发者快速构建功能完备且用户体验良好的...

Magicbox
Global site tag (gtag.js) - Google Analytics