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基础第一章 JavaScript与用户端
Jul 22 Javascript
基于jquery的分页控件(C#)
Jan 06 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
Mar 02 Javascript
浅谈JavaScript的全局变量与局部变量
Jun 10 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
vue+element项目中过滤输入框特殊字符小结
Aug 07 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
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自动选择 连接本地还是远程数据库
2010/12/02 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
PHP代码优化技巧小结
2015/09/29 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
php及codeigniter使用session-cookie的方法(详解)
2017/04/06 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!
2012/01/15 Javascript
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
Vue-cli3项目配置Vue.config.js实战记录
2018/07/29 Javascript
layui实现checkbox的目录树tree的例子
2019/09/12 Javascript
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
python help函数实例用法
2020/12/06 Python
建筑施工员岗位职责
2013/11/26 职场文书
铲车司机岗位职责
2014/03/15 职场文书
销售目标责任书
2014/07/23 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
课程设计的心得体会
2014/09/03 职场文书
企业百日安全活动总结
2015/05/07 职场文书
python_tkinter事件类型详情
2022/03/20 Python