网页制作特效特效代码文档格式.docx
- 文档编号:19021585
- 上传时间:2023-01-03
- 格式:DOCX
- 页数:82
- 大小:40.84KB
网页制作特效特效代码文档格式.docx
《网页制作特效特效代码文档格式.docx》由会员分享,可在线阅读,更多相关《网页制作特效特效代码文档格式.docx(82页珍藏版)》请在冰豆网上搜索。
COLOR:
#000000;
BORDER-
BOTTOM:
#ffffff1pxsolid;
BACKGROUND-COLOR:
#eeeeee
}
.sec2{
FONT-WEIGHT:
bold;
LEFT:
#000000;
#d4d0c8
.main_tab{
/STYLE>
!
--JavaScript部分-->
<
SCRIPTlanguage=javascript>
functionsecBoard(n)
{
for(i=0;
i<
secTable.cells.length;
i++)
secTable.cells
[i].className="
sec1"
;
secTable.cells[n].className="
sec2"
mainTable.tBodies.length;
mainTable.tBodies
[i].style.display="
none"
[n].style.display="
block"
}
/SCRIPT>
--HTML部分-->
TABLEid=secTablecellSpacing=0cellPadding=0width=549border=0>
TBODY>
TRalign=middleheight=20>
TDclass=sec2onclick=secBoard(0)width="
10%"
关于TBODY标记<
/TD>
TDclass=sec1onclick=secBoard
(1)width="
关于cells集合<
TDclass=sec1onclick=secBoard
(2)width="
关于tBodies集合<
TDclass=sec1onclick=secBoard(3)width="
关于display属性<
/TR>
/TBODY>
/TABLE>
TABLEclass=main_tabid=mainTableheight=240cellSpacing=0cellPadding=0width=549border=0>
--关于TBODY标记-->
TBODYstyle="
DISPLAY:
block"
TR>
TDvAlign=topalign=middle>
BR>
TABLEcellSpacing=0cellPadding=0width=490border=0>
TD>
指定行做为表体。
注释:
TBODY要素是块要素,并且需要结束标
签。
即使如果表格没有显式定义TBODY
要素,该要素也提供给所有表。
参考:
《动态HTML参考和开发应用大全》(人民邮电出
版社
MicrosoftCorporation著
北京华中兴业科技发展有限公司
译)
/TB
ODY>
/T
BODY>
--关于cells集合-->
TDvAlign=top
align=middle>
TABLEcellSpacing=0
cellPadding=0width=490border=0>
检索表行或者整个
表中所有单元格的集合。
应用于TR、TABLE。
《动态HTML参考和开发应
用大全》(人民邮电出版社
--关于tBodies集合-->
检索表中所有TBODY
对象的集合。
对象在该集合中按照HTML源顺序排列。
应用于TABLE。
《动态HTML参考和开发应用大全》(人民邮电出版社
--关于display属性-->
设置或者检索对象
是否被提供。
可能的值为block、none、
inline、list-item、table-header-group、table-
footer-group。
该特性可读写,块要素默认
值为block,内联要素默认值为inline;
层叠样式表
(CSS)属性不可继承。
《
动态HTML参考和开发应用大全》(人民邮电出版社
北京华中兴业科技发展有限公司译)
A
href="
target=_blank>
点击此处
/A>
可参阅微软<
Ahref="
MSDN在线<
上的解释。
/TABLE&
g
t;
(3)下拉菜单:
网页特效代码|JsCode.CN|---非常棒的绿色下拉透明菜单<
scriptlanguage="
JavaScript"
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;
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="
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:
+height*(steps-el.swipeCounter)/steps+"
el.style.top=top+height*el.swipeCounter/steps;
case6:
+width*(el.swipeCounter)/steps+"
el.style.left=left-width*el.swipeCounter/steps;
case4:
+width*(swipeSteps-el.swipeCounter)/steps+"
el.style.left=left+width*el.swipeCounter/steps;
}
el.swipeTimer=window.setTimeout("
+index+"
varmtmpleft="
"
varmtmptop="
functionhideSwipe(el){
window.clearTimeout(el.swipeTimer);
el.style.visibility="
hidden"
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.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;
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<
mmenus.length;
nummenu++){
varthemenu=document.all['
mMenu'
+nummenu]
varthemenudiv=document.all['
mmenudiv'
mnochange(themenu);
mmenuhide(themenudiv);
for(nummenu=1;
=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);
functionmsubmenuhide(menuid){
menuid.style.visibility='
hidden'
functionmmenushow(menuid,pid){
Alpha(Opacity=80)'
menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;
menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadju
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 特效 特效代码
![提示](https://static.bdocx.com/images/bang_tan.gif)