本文介绍了一个自定义的Web Tab控件的实现，用于满足特定程序需求。控件存在一些不足，如事件处理不通用、Tab超出一行未处理、样式简单。代码示例展示了如何创建和展示Tab，以及切换Tab时的内容显示和初始化功能。
由于程序需求，自定义了一个简单的Web Tab控件，能够实现Tab的功能，但存在如下几个不足：
1）响应事件showTab不够通用，没有把tabs作为参数传入；
2）当Tab超过一行时，会折行，而不会隐藏或者左右滑动；
3）Tab样式较简陋，没有太多修饰。
代码如下，仅供参考：
<html>
<head>
<title>Tab控件示例</title>
<script type="text/javascript" language="javascript">
var tabs = [{name: '古典文学', value: 0, selected: true, contentPanel: 'classicalPanel', initComp: function(){alert("0");}},
{name: '侦探小说', value: 1, selected: false, contentPanel: 'detectPanel', initComp: function(){alert("1");}},
{name: '科谱读物', value: 2, selected: false, contentPanel: 'sciencePanel', initComp: function(){alert("2");}}];
var tabsDef = {tabNamePrefix:
最低0.47元/天 解锁文章
扫一扫
1040
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
