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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
JavaScript获取当前网页标题(title)的方法
Apr 03 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
Jan 16 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
浅谈Node 异步IO和事件循环
May 05 Javascript
JavaScript接口实现方法实例分析
May 16 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实现删除空目录的方法
2015/03/16 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
简单的代码实现jquery定时器
2013/11/17 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
js实现基于正则表达式的轻量提示插件
2015/08/29 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
vue组件与复用详解
2018/04/08 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2018/04/27 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
使用python实现strcmp函数功能示例
2014/03/25 Python
Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例
2018/04/19 Python
Python解析Excle文件中的数据方法
2018/10/23 Python
Python WEB应用部署的实现方法
2019/01/02 Python
Pyqt QImage 与 np array 转换方法
2019/06/27 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
Django框架反向解析操作详解
2019/11/28 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
C#如何进行LDAP用户校验
2012/11/21 面试题
五年级英语教学反思
2014/01/31 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
2015毕业寄语大全
2015/02/26 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL