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表单常用验证集合
Jan 16 Javascript
javascript Array数组对象的扩展函数代码
May 22 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
js改变img标签的src属性在IE下没反应的解决方法
Jul 23 Javascript
JavaScript中诡异的delete操作符
Mar 12 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
Aug 08 Javascript
Node.js Sequelize如何实现数据库的读写分离
Oct 23 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
Vue 列表上下过渡效果的实例代码
Jun 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
社区(php&&mysql)四
2006/10/09 PHP
php 中文处理函数集合
2008/08/27 PHP
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
md5 16位二进制与32位字符串相互转换示例
2013/12/30 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
Laravel中validation验证 返回中文提示 全局设置的方法
2019/09/29 PHP
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
jQuery contains过滤器实现精确匹配使用方法
2013/04/12 Javascript
node.js中的fs.close方法使用说明
2014/12/17 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
three.js实现3D视野缩放效果
2017/11/16 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
python3实现随机数
2018/06/25 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
python实现对变位词的判断方法
2020/04/05 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
Python decimal模块使用方法详解
2020/06/08 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
2014年工程工作总结
2014/11/25 职场文书
停电放假通知
2015/04/14 职场文书
新闻稿格式范文
2015/07/18 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers