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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
js中的this关键字详解
Sep 25 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
JavaScript实现的SHA-1加密算法完整实例
Feb 02 Javascript
Bootstrap Validator 表单验证
Jul 25 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
js实现弹幕飞机效果
Aug 27 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 批量更新网页内容实现代码
2010/01/05 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
JavaScript动态创建div等元素实例讲解
2016/01/06 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
Vue性能优化的方法
2020/07/30 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
python遍历数组的方法小结
2015/04/30 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
Python之Class&Object用法详解
2019/12/25 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
Django values()和value_list()的使用
2020/03/31 Python
应届生求职推荐信
2013/10/28 职场文书
宿舍卫生检讨书
2014/01/16 职场文书
运动会解说词100字
2014/01/31 职场文书
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
党风廉政建设责任书
2014/04/14 职场文书
儿童生日会策划方案
2014/05/15 职场文书
大学生毕业求职信
2014/06/12 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
销售竞赛活动方案
2014/08/23 职场文书
小学数学教学随笔
2015/08/14 职场文书
十二月早安励志心语大全
2019/12/03 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript