YAHOO.widget.TabView ,这个工具类库怎么用
时间: 2023-02-11 15:07:23 浏览: 78
YAHOO.widget.TabView 是 Yahoo User Interface Library (YUI) 中的一个工具类库,它可以用来在网页上创建标签页形式的界面。
使用 YAHOO.widget.TabView 需要先在 HTML 文档中引入 YUI 的 JavaScript 库和 CSS 样式表。然后在 JavaScript 代码中定义一个 TabView 实例,并为它添加标签页。
例如,以下代码创建了一个名为 "myTabs" 的 TabView 实例,并为它添加了两个标签页:
```js
<div id="myTabs"></div>
<script type="text/javascript">
var myTabs = new YAHOO.widget.TabView("myTabs");
myTabs.addTab(new YAHOO.widget.Tab({
label: "Tab 1",
content: "<p>Tab 1 Content</p>",
active: true
}));
myTabs.addTab(new YAHOO.widget.Tab({
label: "Tab 2",
content: "<p>Tab 2 Content</p>"
}));
</script>
```
这个例子里用了一个基本的样式,如果你希望更多的样式调整可以在YUI的样式里添加类样式或者自己创建一个CSS
这个库的文档可以在这里找到:
https://yuilibrary.com/yui/docs/tabview/