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中的作用域scope介绍
Dec 28 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
Feb 16 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
jquery控制页面部分刷新的方法
Jun 24 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
Node.js安装配置图文教程
May 10 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
Layui表格行工具事件与数据回填方法
Sep 13 Javascript
openlayers实现图标拖动获取坐标
Sep 25 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
JAVA/JSP学习系列之六
2006/10/09 PHP
PHPlet在Windows下的安装
2006/10/09 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
PHP反射基础知识回顾
2020/09/10 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
layui问题之模拟select点击事件的实例讲解
2018/08/15 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
Python3 批量扫描端口的例子
2019/07/25 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
详解Django配置JWT认证方式
2020/05/09 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
计算s=f(f(-1.4))的值
2014/05/06 面试题
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
2016年教师学习廉政准则心得体会
2016/01/20 职场文书
《分数乘法》教学反思
2016/02/24 职场文书