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 相关文章推荐
textarea中的手动换行处理的jquery代码
Feb 26 Javascript
IE6/7/8/9不支持exec的简写方式
May 25 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
JavaScript中this函数使用实例解析
Feb 21 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中使用PDF文档功能
2006/10/09 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
PHP xpath()函数讲解
2019/02/11 PHP
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
js监听输入框值的即时变化onpropertychange、oninput
2011/07/13 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
2012/09/11 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
浅谈JavaScript 声明提升
2020/09/14 Javascript
[46:40]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Django实现随机图形验证码的示例
2020/10/15 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
高级Java程序员面试题
2016/06/23 面试题
餐厅销售主管职责范本
2014/02/19 职场文书
房产公证委托书范本
2014/09/20 职场文书
个人作风建设自查报告
2014/10/22 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
2014年涉外离婚协议书范本
2014/11/20 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
考试没考好检讨书
2015/05/06 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python
5道关于python基础 while循环练习题
2021/11/27 Python