书签 分享 收藏 举报 版权申诉 / 80

类型js大全.docx

  • 文档编号:26837304
  • 上传时间:2023-06-23
  • 格式:DOCX
  • 页数:80
  • 大小:34.22KB

右单元格

2、一种网页进度条[网页特效]

文件上传中

collapse"bgcolor="#FFFFEC"height="87">

12px;color:

#ffffff"height=24>文件上传中...

12px;line-height:

200%"align=center>文件正在上传处理中.请耐心等待...

1pxsolid#000000"direction="right"width="300"scrollamount="5"scrolldelay="10"bgcolor="#ECF2FF">

3、滑动门技术

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

我的滑动门

body{

color:

#000;

font-family:

"宋体",arial;

font-size:

12px;

background:

#fff;

text-align:

center;

margin:

0;

}

.nTab{

float:

left;

width:

960px;

margin:

0auto;

border-bottom:

1px#AACCEEsolid;

background:

#d5d5d5;

background-position:

left;

background-repeat:

repeat-y;

margin-bottom:

2px;

}

.nTab.TabTitle{

clear:

both;

height:

22px;

overflow:

hidden;

}

.nTab.TabTitleul{

border:

0;

margin:

0;

padding:

0;

}

.nTab.TabTitleli{

float:

left;

width:

70px;

cursor:

pointer;

padding-top:

4px;

padding-right:

0px;

padding-left:

0px;

padding-bottom:

2px;

list-style-type:

none;

}

.nTab.TabTitle.active{background:

#fff;border-left:

1px#AACCEEsolid;border-top:

1px#AACCEEsolid;border-right:

1px#AACCEEsolid;border-bottom:

1px#fffsolid;}

.nTab.TabTitle.normal{background:

#EBF3FB;border:

1px#AACCEEsolid;}

.nTab.TabContent{

width:

auto;background:

#fff;

margin:

0pxauto;

padding:

10px000;

border-right:

1px#AACCEEsolid;border-left:

1px#AACCEEsolid;

}

.none{display:

none;}

functionnTabs(thisObj,Num){

if(thisObj.className=="active")return;

vartabObj=thisObj.parentNode.id;

vartabList=document.getElementById(tabObj).getElementsByTagName("li");

for(i=0;i

{

if(i==Num)

{

thisObj.className="active";

document.getElementById(tabObj+"_Content"+i).style.display="block";

}else{

tabList[i].className="normal";

document.getElementById(tabObj+"_Content"+i).style.display="none";

}

}

}



25px;">

--选项卡0开始-->

--标题开始-->

全部

日志

咨询

相册

商城

社区

--内容开始-->

000

111

222

333

444

555

--选项卡0结束-->

--选项卡1开始-->

288px>

--标题开始-->

aaa

bbb

ccc

单击

--内容开始-->

000

111

222

333

--选项卡1结束-->

4、漂亮的转入别的页面

--SavedFromurl=-->

--WebDesignbbsurl=-->

:</p><p>:</p><p>群英网络电脑技术论坛:</p><p>:</p><p>

TD{

FONT-FAMILY:

宋体;FONT-SIZE:

12px;LETTER-SPACING:

2px;LINE-HEIGHT:

150%;font-color:

#000000

}

FORM{

FONT-FAMILY:

宋体;FONT-SIZE:

12px;LETTER-SPACING:

2px;LINE-HEIGHT:

150%;font-color:

#000000

}

SELECT{

FONT-FAMILY:

宋体;FONT-SIZE:

12px;LETTER-SPACING:

2px;LINE-HEIGHT:

150%;font-color:

#000000

}

INPUT{

FONT-FAMILY:

宋体;FONT-SIZE:

12px;LETTER-SPACING:

2px;LINE-HEIGHT:

150%;font-color:

#000000

}

TEXTAREA{

FONT-FAMILY:

宋体;FONT-SIZE:

12px;LETTER-SPACING:

2px;LINE-HEIGHT:

150%;font-color:

#000000

}

BODY{

FONT-FAMILY:

宋体;FONT-SIZE:

12px;LETTER-SPACING:

2px;LINE-HEIGHT:

150%;font-color:

#000000

}

A:

link{

COLOR:

#666666;FONT-SIZE:

10.5pt;TEXT-DECORATION:

none

}

A:

visited{

COLOR:

#666666;FONT-SIZE:

10.5pt;TEXT-DECORATION:

none

}

A:

hover{

COLOR:

#666666;FONT-SIZE:

10.5pt;TEXT-DECORATION:

none

}

A:

active{

COLOR:

#666666;FONT-SIZE:

10.5pt;TEXT-DECORATION:

none

}

varurl='';

style="OVERFLOW:

hidden;OVERFLOW-Y:

hidden">

--Displaytext-->

:

:

:

:

isnowloading...

群英网络电脑技术论坛载入ing.....

--EndDisplaytext-->

for(i=0;i<30;i++)document.write("")

--

varp=0,j=0;

varc=newArray("lightskyblue","white")

setInterval('proccess();',100)

functionproccess(){

document.forms.proccess.elements[p].style.background=c[j];

p+=1;

if(p==30){p=0;j=1-j;}}

-->

5、用DIV+CSS实现的网易首页滑动...