网页制作特效特效代码.docx

上传人:b****6 文档编号:6026330 上传时间:2023-01-03 格式:DOCX 页数:82 大小:40.84KB
下载 相关 举报
网页制作特效特效代码.docx_第1页
第1页 / 共82页
网页制作特效特效代码.docx_第2页
第2页 / 共82页
网页制作特效特效代码.docx_第3页
第3页 / 共82页
网页制作特效特效代码.docx_第4页
第4页 / 共82页
网页制作特效特效代码.docx_第5页
第5页 / 共82页
点击查看更多>>
下载资源
资源描述

网页制作特效特效代码.docx

《网页制作特效特效代码.docx》由会员分享,可在线阅读,更多相关《网页制作特效特效代码.docx(82页珍藏版)》请在冰豆网上搜索。

网页制作特效特效代码.docx

网页制作特效特效代码

网页制作特效——网页特效

(1)导航菜单:

仿网页特效观止首页栏目切换滑动门效果

文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载

(2)出发导航菜单:

网页特效代码|JsCode.CN|---经典实用的触发型导航菜单

.sec1{

BORDER-RIGHT:

gray1pxsolid;BORDER-TOP:

#ffffff1pxsolid;BORDER-LEFT:

#ffffff1px

solid;CURSOR:

hand;COLOR:

#000000;BORDER-

BOTTOM:

#ffffff1pxsolid;BACKGROUND-COLOR:

#eeeeee

}

.sec2{

BORDER-RIGHT:

gray1pxsolid;BORDER-TOP:

#ffffff1pxsolid;FONT-WEIGHT:

bold;BORDER-

LEFT:

#ffffff1pxsolid;CURSOR:

hand;COLOR:

#000000;BACKGROUND-COLOR:

#d4d0c8

}

.main_tab{

BORDER-RIGHT:

gray1pxsolid;BORDER-

LEFT:

#ffffff1pxsolid;COLOR:

#000000;BORDER-

BOTTOM:

gray1pxsolid;BACKGROUND-COLOR:

#d4d0c8

}

--JavaScript部分-->

functionsecBoard(n)

{

for(i=0;i

secTable.cells

[i].className="sec1";

secTable.cells[n].className="sec2";

for(i=0;i

mainTable.tBodies

[i].style.display="none";

mainTable.tBodies

[n].style.display="block";

}

--HTML部分-->

关于TBODY标记

(1)width="10%">关于cells集合

(2)width="10%">关于tBodies集合

关于display属性

--关于TBODY标记-->

block">



指定行做为表体。


注释:

TBODY要素是块要素,并且需要结束标

签。


   即使如果表格没有显式定义TBODY

要素,该要素也提供给所有表。



参考:

《动态HTML参考和开发应用大全》(人民邮电出

版社

MicrosoftCorporation著

北京华中兴业科技发展有限公司

译)



ODY>

BODY>

--关于cells集合-->

none">

align=middle>

cellPadding=0width=490border=0>

检索表行或者整个

表中所有单元格的集合。


应用于TR、TABLE。



参考:

《动态HTML参考和开发应

用大全》(人民邮电出版社

MicrosoftCorporation著

北京华中兴业科技发展有限公司

译)



ODY>

BODY>

--关于tBodies集合-->

none">

align=middle>

cellPadding=0width=490border=0>

检索表中所有TBODY

对象的集合。

对象在该集合中按照HTML源顺序排列。


应用于TABLE。



参考:

《动态HTML参考和开发应用大全》(人民邮电出版社

MicrosoftCorporation著

北京华中兴业科技发展有限公司

译)



ODY>

BODY>

--关于display属性-->

none">

align=middle>

cellPadding=0width=490border=0>

设置或者检索对象

是否被提供。


可能的值为block、none、

inline、list-item、table-header-group、table-

footer-group。


该特性可读写,块要素默认

值为block,内联要素默认值为inline;层叠样式表

(CSS)属性不可继承。



参考:

动态HTML参考和开发应用大全》(人民邮电出版社

MicrosoftCorporation著

北京华中兴业科技发展有限公司译)



href="target=_blank>点击此处

可参阅微软MSDN在线上的解释。

;

t;

(3)下拉菜单:

网页特效代码|JsCode.CN|---非常棒的绿色下拉透明菜单

varmmenus=newArray();

varmisShow=newBoolean();

misShow=false;

varmisdown=newBoolean();

misdown=false;

varmnumberofsub=0;

varmusestatus=false;

varmpopTimer=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';

varswipeSteps=4;

varswipemsec=25;

varswipeArray=newArray();

functionswipe(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);

}

functionrepeat(dir,index,steps,msec){

el=swipeArray[index];

varleft=el.orgLeft;

vartop=el.orgTop;

varwidth=el.orgWidth;

varheight=el.orgHeight;

if(el.swipeCounter==0){

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

return;

}

else{

el.swipeCounter--;

el.style.visibility="visible";

switch(dir){

case2:

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

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

break;

case8:

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

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

break;

case6:

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

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

break;

case4:

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);

}

}

varmtmpleft="";

varmtmptop="";

functionhideSwipe(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;

}

functionstoperror(){

returntrue;

}

window.onerror=stoperror;

functionmpopOut(){

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

}

functiongetReal(el,type,value){

temp=el;

while((temp!

=null)&&(temp.tagName!

="BODY")){

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

el=temp;

returnel;

}

temp=temp.parentElement;

}

returnel;

}

functionmMenuRegister(menu)

{

mmenus[mmenus.length]=menu

return(mmenus.length-1)

}

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

this.items=newArray();

this.caption=caption;

mand=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;

}

functionmMenu(caption,command,target,img,sizex,sizey,pos){

this.items=newArray();

this.caption=caption;

mand=command;

this.target=target;

this.img=img;

this.sizex=sizex;

this.sizey=sizey;

this.pos=pos;

this.id=mMenuRegister(this);

}

functionmMenuAddItem(item)

{

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

item.parent=this.id;

this.children=true;

}

mMenu.prototype.addItem=mMenuAddItem;

mMenuItem.prototype.addsubItem=mMenuAddItem;

functionmtoout(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;

}

functionmtoin(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;

}

functionmnochange(src){

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

}

functionmallhide(){

for(varnummenu=0;nummenu

varthemenu=document.all['mMenu'+nummenu]

varthemenudiv=document.all['mmenudiv'+nummenu]

mnochange(themenu);

mmenuhide(themenudiv);

}

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

varthesub=document.all['msubmenudiv'+nummenu]

msubmenuhide(thesub);

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

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

}

}

functionmmenuhide(menuid){

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

hideSwipe(menuid);

misShow=false;

}

functionmsubmenuhide(menuid){

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

menuid.style.visibility='hidden';

}

functionmmenushow(menuid,pid){

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

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

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 自然科学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1