JQUERY UI 创建Tab功能控件

最新推荐文章于 2024-09-16 14:31:24 发布

HelloLWei

最新推荐文章于 2024-09-16 14:31:24 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/lai123wei/article/details/45766305

版权

该博客展示了如何使用JQUERY UI库创建一个带有多个选项卡的交互式Tab控件。详细步骤包括引入必要的JS和CSS资源，定义Tab的HTML结构，以及编写JavaScript代码来初始化和管理Tab的选中状态和样式。示例代码中还包括了点击不同Tab时更改背景颜色的动态效果。

摘要由CSDN通过智能技术生成

1.效果图

2.实现代码

<head runat="server">
    <title></title>
    <script src="../../Resource/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../../Resource/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <link href="../../Resource/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet"
        type="text/css" />
    <style type="text/css">
        #container
        {
            margin: 0 auto;
            width: 960px;
        }
        #tabs
        {