JMenuTab简单使用说明


Posted in Javascript onMarch 13, 2008

代码示例:
var menuLeft = new JMenuTab(null,null,"left");
 menuLeft.create();
 menuLeft.setSkin("JMenuTabBlue");
 menuLeft.setFixHeight(400,false,false,true);
 menuLeft.addTab("About");
 menuLeft.addTab("Xling");
 menuLeft.setActiveTab(0);

1,构造:
function JMenuTab(pWidth,pHeight,pBody)
如果不指明pWidth,就是100%,如果不指明pHeight,就会有个默认的高度,如果不指明pBody,就在BODY的最后显示。注:如果不指定,需用null代替,下面的写法都是正确的:
var menuLeft = new JMenuTab(null,null,"left");
var menuLeft = new JMenuTab(null,null,null);
var menuLeft = new JMenuTab();
var menuLeft = new JMenuTab(100,100);

2,初始创建:
this.create = function()
这个函数要紧跟在new JMenuTab(...)后。

3,设置皮肤:
this.setSkin = function(pSkin)
pSkin来自CSS文件,比如:
#JMenuTabGreen {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 2px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
}
#JMenuTabGreen .oInnerline {
 background-color: #FFFFFF;
}
那么这个pSkin就可以取:JMenuTabGreen 

 

4,设置固定(最小)高度:
this.setFixHeight = function(pHeight,pAutoExpend,pXScroll,pYScroll)
pHeight,即指最小高度。
pAutoExpend,指是否自动扩展(如果内容高度大于pHeight),可为null,可不填
pXScroll,指是否显示水平滚动轴,可为null,可不填。
pYScroll,指是否显示垂直滚动轴,可为null,可不填。

5,添加标签:
this.addTab = function (pLabel,pPageBodyId)
pLabel,指标签上的文字。
pPageBodyId,指标签内容容器(DIV,IFRAME,TABLE等)的ID,可为null,可不填。

6,作为普通面板使用,即没有标签:
this.setDefaultPage = function(pPageBodyId)
使用这个,就不要在使用addTab了,
pPageBodyId和addTab的pPageBodyId一样,但是:必填。

7,设置当前标签:
this.setActiveTab = function(pIndex)
pIndex是数字,从0开始,如果这个index不存在,就不设置。 

 

Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
Mar 14 Javascript
在Javascript中 声明时用"var"与不用"var"的区别
Apr 15 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
Node.js dgram模块实现UDP通信示例代码
Sep 26 Javascript
微信小程序解析富文本过程详解
Jul 13 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
解决在layer.open中使用时间控件laydate失败的问题
Sep 11 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 Javascript
js 数据类型判断的方法
Dec 03 Javascript
JObj预览一个JS的框架
Mar 13 #Javascript
DHTML Slide Show script图片轮换
Mar 03 #Javascript
JavaScript面向对象编程
Mar 02 #Javascript
一个javascript参数的小问题
Mar 02 #Javascript
js加解密 脚本解密
Feb 22 #Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 #Javascript
js 调整select 位置的函数
Feb 21 #Javascript
You might like
[原创]PHP中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
浅谈使用 Yii2 AssetBundle 中 $publishOptions 的正确姿势
2017/11/08 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
为jquery的ajaxfileupload增加附加参数的方法
2014/03/04 Javascript
Js实现滚动变色的文字效果
2014/06/16 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
[10:53]2018DOTA2国际邀请赛寻真——EG
2018/08/11 DOTA
Python字符串匹配算法KMP实例
2015/07/18 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
基于python实现简单日历
2018/07/28 Python
tensorflow 环境变量设置方式
2020/02/06 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
Html5页面二次分享的实现
2018/07/30 HTML / CSS
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
一些.net面试题
2014/10/06 面试题
JS原生实现轮播图的几种方法
2021/03/23 Javascript
文艺晚会主持词
2014/03/24 职场文书
单位介绍信格式范文
2015/05/04 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python