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 相关文章推荐
Javascript 调试利器 Firebug使用详解六
Jul 05 Javascript
jQuery.ajax 用户登录验证代码
Oct 29 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
bootstrap table单元格新增行并编辑
May 19 Javascript
搭建vue开发环境
Jul 19 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 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快速统计某个数据库中每张表的数据量
2012/09/04 PHP
PHP 正则表达式常用函数
2014/08/17 PHP
ThinkPHP发送邮件示例代码
2016/10/08 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
javascript引用对象的方法
2007/01/11 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
Python实现截屏的函数
2015/07/26 Python
python-str,list,set间的转换实例
2018/06/27 Python
Flask框架通过Flask_login实现用户登录功能示例
2018/07/17 Python
python 批量修改/替换数据的实例
2018/07/25 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Python matplotlib实时画图案例
2020/04/23 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
纯CSS实现预加载动画效果
2017/09/06 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
服装厂厂长岗位职责
2013/12/27 职场文书
新领导上任欢迎词
2014/01/13 职场文书
小学生美德少年事迹
2014/02/02 职场文书
税务干部鉴定材料
2014/02/11 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
安全教育月活动总结
2014/05/05 职场文书
缓刑人员思想汇报500字
2014/09/12 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
教师远程研修感悟
2015/11/18 职场文书
详解python字符串驻留技术
2021/05/21 Python