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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
javascript 学习之旅 (1)
Feb 05 Javascript
js中关于new Object时传参的一些细节分析
Mar 13 Javascript
angular2使用简单介绍
Mar 01 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
Node接收电子邮件的实例代码
Jul 21 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
Mar 19 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 Javascript
微信小程序云开发实现云数据库读写权限
May 17 Javascript
通过layer实现可输入的模态框的例子
Sep 27 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
mysql建立外键
2006/11/25 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
php实现字符串翻转的方法
2015/03/27 PHP
PHP实现普通hash分布式算法简单示例
2018/08/06 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
javascript学习之json入门
2016/12/22 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
详细讲解vue2+vuex+axios
2017/05/27 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
python文件与目录操作实例详解
2016/02/22 Python
Python I/O与进程的详细讲解
2019/03/08 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
Python 统计位数为偶数的数字代码详解
2020/03/15 Python
Python如何实现爬取B站视频
2020/05/20 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
为什么要用EJB
2014/04/17 面试题
大学生自我鉴定
2013/12/16 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers