一个短小精悍使用的对象化QQ菜单- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个短小精悍使用的对象化QQ菜单

技术文章搜索

关键字

Javascript 中的一个短小精悍使用的对象化QQ菜单

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 205 ::

收藏到网摘: n/a

在客户端用JAVASCRIPT或VBSCRIPT生成WORD文档用数据岛生成翻页程序

这是我根据1000script上的QQ菜单自己该的一个对象化菜单，短小精悍，实用性强，我们所做的软件就用的这个。现在贡献出来，和大家共享：

var mMenu=new Array()

var headHeight = 22;//每个标题的高度
var bodyHeight = 260;//母体高度
var objcount = 6;//项目的个数，要改变了项目的个数别忘了该这个东西
var step = 6;//移动速度(请确认可以被'bodyHeight-headHeight'整除,当前的设定可选速度为1,2,3,6,23,138)
var moving = false;//是否有移动的项目
var layerTop=50;       //菜单顶边距
var layerLeft=50;      //菜单左边距
var layerWidth=140;    //菜单总宽度
var titleHeight=20;    //标题栏高度
var contentHeight=200; //内容区高度
var stepNo=1;         //移动步数，数值越大移动越慢
var itemNo=0;

function regsterMenu(menu){
mMenu[mMenu.length]=menu;
return mMenu.length-1;
}

function mainMenu(img,capture,hrefurl){
this.items=new Array();
this.img=img;
this.capture=capture;
this.hrefurl=hrefurl;
this.id=regsterMenu(this);
}

//img 是作为图标的图像位置

//capture 是连接的文字

//href是超连接的地址

function subMenu(img,capture,hrefurl){
this.img=img;
this.capture=capture;
this.hrefurl=hrefurl;
}

function addSub(item){
this.items[this.items.length]=item;
}

mainMenu.prototype.addSub=addSub;

var mm1=new mainMenu('#','我的收藏夹','#');
mm1.addSub(new subMenu('#','娱乐世界','#'));
mm1.addSub(new subMenu('#','娱乐世界','#'));
mm2=new mainMenu('#','我的收藏夹','#');
mm2.addSub(new subMenu('#','娱乐世界','#'));
mm3=new mainMenu('#','我的收藏夹','#');
mm3.addSub(new subMenu('#','娱乐世界','#'));
mm4=new mainMenu('#','我的收藏夹','#');
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));

document.write (generateHtml(mMenu));
document.all.itemsLayer.style.height =mMenu.length*titleHeight+contentHeight;

//************************************************************

//************************************************************

//-->
</SCRIPT>

//本程序版权归 zhjzh_zjz .代码可以随便传播。

在客户端用JAVASCRIPT或VBSCRIPT生成WORD文档用数据岛生成翻页程序

Javascript 中的 一个短小精悍使用的对象化QQ菜单

评论 (0) All

Javascript 中的一个短小精悍使用的对象化QQ菜单