首页jqueryui框架

jqueryui框架

时间: 2023-12-26 20:28:35 浏览: 119

jquery UI框架是基于jQuery库封装的一系列处理UI界面的JavaScript代码。这个框架包括了多种界面相对比较美观、功能较完整的UI控件，例如Tab容器、可折叠容器、工具提示、浮动层以及可滚动容器等。这些控件自带拖放、滚动、表格排序等功能，在实际项目中使用非常普遍。以下是一个使用jquery UI框架创建Tab容器的例子： ```html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#tabs" ).tabs(); } ); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab 2</a></li> <li><a href="#tabs-3">Tab 3</a></li> </ul> <div id="tabs-1"> <p>Content for Tab 1</p> </div> <div id="tabs-2"> <p>Content for Tab 2</p> </div> <div id="tabs-3"> <p>Content for Tab 3</p> </div> </div> </body> </html> ``` 这个例子创建了一个包含三个标签页的Tab容器。每个标签页都有对应的内容。当用户点击不同的标签页时，对应的内容会显示出来。

阅读全文