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 相关文章推荐
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 Javascript
javascript继承机制实例详解
Nov 20 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
Oct 10 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
vue实现购物车加减
May 30 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数据类型转换
2014/01/09 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
微信API接口大全
2015/04/15 PHP
php批量删除操作代码分享
2017/02/26 PHP
javascript 弹出层组件(升级版)
2011/05/12 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
详解jQuery事件
2017/01/13 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
2017/07/24 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
使用layer弹窗,制作编辑User信息页面的方法
2019/09/27 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
[14:25]教你分分钟做大人:主宰(HEROS)
2014/12/08 DOTA
取numpy数组的某几行某几列方法
2018/04/03 Python
python实现剪切功能
2019/01/23 Python
python脚本实现音频m4a格式转成MP3格式的实例代码
2019/10/09 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
python模块如何查看
2020/06/16 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
学习十八大报告感言
2014/02/28 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
2014年保洁工作总结
2014/11/24 职场文书
2016春季幼儿园大班开学寄语
2015/12/03 职场文书
教师反邪教心得体会
2016/01/15 职场文书
2019年个人工作总结范文
2019/03/25 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL