分享
 
 
 

下拉透明的菜单代码[网页特效]

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

<!-- http://js.webjx.com/ -->

<!-- http://bbs.webjx.com/-->

<!-- 把下列代码放到body区域内 -->

<script language="JavaScript">

var mmenus = new Array();

var misShow = new Boolean();

misShow=false;

var misdown = new Boolean();

misdown=false;

var mnumberofsub=0;

var musestatus=false;

var mpopTimer = 0;

mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand';

var swipeSteps = 4;

var swipemsec = 25;

var swipeArray = new Array();

function swipe(el, dir, steps, msec) {

if (steps == null) steps = swipeSteps;

if (msec == null) msec = swipemsec;

if (el.swipeIndex == null)

el.swipeIndex = swipeArray.length;

if (el.swipeTimer != null)

window.clearTimeout(el.swipeTimer);

swipeArray[el.swipeIndex] = el;

el.style.clip = "rect(-99999, 99999, 99999, -99999)";

if (el.swipeCounter == null || el.swipeCounter == 0) {

el.orgLeft = el.offsetLeft;

el.orgTop = el.offsetTop;

el.orgWidth = el.offsetWidth;

el.orgHeight = el.offsetHeight;

}

el.swipeCounter = steps;

el.style.clip = "rect(0,0,0,0)";

window.setTimeout("repeat(" + dir + "," + el.swipeIndex + "," + steps + "," + msec + ")", msec);

}

function repeat(dir, index, steps, msec) {

el = swipeArray[index];

var left = el.orgLeft;

var top = el.orgTop;

var width = el.orgWidth;

var height = el.orgHeight;

if (el.swipeCounter == 0) {

el.style.clip = "rect(-99999, 99999, 99999, -99999)";

return;

}

else {

el.swipeCounter--;

el.style.visibility = "visible";

switch (dir) {

case 2:

el.style.clip = "rect(" + height*el.swipeCounter/steps + "," + width + "," + height + "," + 0 + ")";

el.style.top = top - height*el.swipeCounter/steps;

break;

case 8:

el.style.clip = "rect(" + 0 + "," + width + "," + height*(steps-el.swipeCounter)/steps + "," + 0 + ")";

el.style.top = top + height*el.swipeCounter/steps;

break;

case 6:

el.style.clip = "rect(" + 0 + "," + width + "," + height + "," + width*(el.swipeCounter)/steps + ")";

el.style.left = left - width*el.swipeCounter/steps;

break;

case 4:

el.style.clip = "rect(" + 0 + "," + width*(swipeSteps - el.swipeCounter)/steps + "," + height + "," + 0 + ")";

el.style.left = left + width*el.swipeCounter/steps;

break;

}

el.swipeTimer = window.setTimeout("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);

}

}

var mtmpleft="";

var mtmptop="";

function hideSwipe(el) {

window.clearTimeout(el.swipeTimer);

el.style.visibility = "hidden";

el.style.clip = "rect(-99999, 99999, 99999, -99999)";

el.swipeCounter = 0;

if(mtmpleft!="")el.style.left = mtmpleft;

if(mtmptop!="")el.style.top = mtmptop;

}

function stoperror(){

return true;

}

window.onerror=stoperror;

function mpopOut() {

mpopTimer = setTimeout('mallhide()', 500);

}

function getReal(el, type, value) {

temp = el;

while ((temp != null) && (temp.tagName != "BODY")) {

if (eval("temp." + type) == value) {

el = temp;

return el;

}

temp = temp.parentElement;

}

return el;

}

function mMenuRegister(menu)

{

mmenus[mmenus.length] = menu

return (mmenus.length - 1)

}

function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){

this.items = new Array();

this.caption=caption;

this.command=command;

this.target=target;

this.isline=isline;

this.statustxt=statustxt;

if(level!=null){mnumberofsub++;

this.hasc=mnumberofsub;}

this.level=level;

this.img=img;

this.sizex=sizex;

this.sizey=sizey;

this.pos=pos;

}

function mMenu(caption,command,target,img,sizex,sizey,pos){

this.items = new Array();

this.caption=caption;

this.command=command;

this.target=target;

this.img=img;

this.sizex=sizex;

this.sizey=sizey;

this.pos=pos;

this.id=mMenuRegister(this);

}

function mMenuAddItem(item)

{

this.items[this.items.length] = item

item.parent = this.id;

this.children=true;

}

mMenu.prototype.addItem = mMenuAddItem;

mMenuItem.prototype.addsubItem = mMenuAddItem;

function mtoout(src){

src.style.borderLeftColor=mmenuoutbordercolor;

src.style.borderRightColor=mmenuinbordercolor;

src.style.borderTopColor=mmenuoutbordercolor;

src.style.borderBottomColor=mmenuinbordercolor;

src.style.backgroundColor=mmenuoutcolor;

src.style.color=mmenuovercolor;

}

function mtoin(src){

src.style.borderLeftColor=mmenuinbordercolor;

src.style.borderRightColor=mmenuoutbordercolor;

src.style.borderTopColor=mmenuinbordercolor;

src.style.borderBottomColor=mmenuoutbordercolor;

src.style.backgroundColor=mmenuincolor;

src.style.color=mmenuovercolor;

}

function mnochange(src){

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

}

function mallhide(){

for(var nummenu=0;nummenu<mmenus.length;nummenu++){

var themenu=document.all['mMenu'+nummenu]

var themenudiv=document.all['mmenudiv'+nummenu]

mnochange(themenu);

mmenuhide(themenudiv);

}

for(nummenu=1;nummenu<=mnumberofsub;nummenu++){

var thesub=document.all['msubmenudiv'+nummenu]

msubmenuhide(thesub);

mnochange(document.all['mp'+nummenu]);

document.all["mitem"+nummenu].style.color=mfontcolor;

}

}

function mmenuhide(menuid){

menuid.style.filter='Alpha(Opacity=100)';

hideSwipe(menuid);

misShow=false;

}

function msubmenuhide(menuid){

menuid.style.filter='Alpha(Opacity=100)';

menuid.style.visibility='hidden';

}

function mmenushow(menuid,pid){

menuid.style.filter='Alpha(Opacity=80)';

menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;

mtmpleft=menuid.style.left;mtmptop=menuid.style.top;swipe(menuid,2,4);

misShow=true;

}

function mshowsubmenu(menuid,pid,rid){

menuid.style.filter='Alpha(Opacity=80)';

menuid.style.left=pid.offsetWidth+rid.offsetLeft;

menuid.style.top=pid.offsetTop+rid.offsetTop-3;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;

menuid.style.visibility='visible';

}

function mmenu_over(menuid,x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if(x<0){

misShow = false;

mallhide();

mtoout(eval("mMenu"+x));

}else{

mallhide();

mtoin(eval("mMenu"+x));

mmenushow(menuid,eval("mMenu"+x));

}

clearTimeout(mpopTimer);

}

function mmenu_out(x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if (misShow){

mtoin(eval("mMenu"+x));

}else{

mnochange(eval("mMenu"+x));

}

mpopOut()

}

function mmenu_down(menuid,x){

if(misShow){

mmenuhide(menuid);

mtoout(eval("mMenu"+x));

}

else{

mtoin(eval("mMenu"+x));

mmenushow(menuid,eval("mMenu"+x));

misdown=true;

}

}

function mmenu_up(){

misdown=false;

}

function mmenuitem_over(menuid,item,x,j,i){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

srcel = getReal(window.event.srcElement, "className", "coolButton");

for(nummenu=1;nummenu<=mnumberofsub;nummenu++){

var thesub=document.all['msubmenudiv'+nummenu]

if(!(menuid==thesub||menuid.style.tag>=thesub.style.tag)){

msubmenuhide(thesub);

mnochange(document.all['mp'+nummenu]);

document.all["mitem"+nummenu].style.color=mfontcolor;

}

}

if(item)document.all["mitem"+item].style.color=mmenuovercolor;

if(misdown||item){

mtoin(srcel);

}

else{

mtoout(srcel);

}

if(x==-1)mthestatus=eval("msub"+j).items[i].statustxt;

if(j==-1)mthestatus=mmenus[x].items[i].statustxt;

if(mthestatus!=""){

musestatus=true;

window.status=mthestatus;

}

clearTimeout(mpopTimer);

}

function mmenuitem_out(hassub){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

srcel = getReal(window.event.srcElement, "className", "coolButton");

if(!hassub)mnochange(srcel);

if(musestatus)window.status="";

mpopOut()

}

function mmenuitem_down(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoin(srcel)

misdown=true;

[1] [2] [3] [4] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有