javascript源码大全10Word文档格式.docx

上传人:b****6 文档编号:20389903 上传时间:2023-01-22 格式:DOCX 页数:71 大小:47.11KB
下载 相关 举报
javascript源码大全10Word文档格式.docx_第1页
第1页 / 共71页
javascript源码大全10Word文档格式.docx_第2页
第2页 / 共71页
javascript源码大全10Word文档格式.docx_第3页
第3页 / 共71页
javascript源码大全10Word文档格式.docx_第4页
第4页 / 共71页
javascript源码大全10Word文档格式.docx_第5页
第5页 / 共71页
点击查看更多>>
下载资源
资源描述

javascript源码大全10Word文档格式.docx

《javascript源码大全10Word文档格式.docx》由会员分享,可在线阅读,更多相关《javascript源码大全10Word文档格式.docx(71页珍藏版)》请在冰豆网上搜索。

javascript源码大全10Word文档格式.docx

textcolor[6]="

444444"

textcolor[7]="

555555"

textcolor[8]="

666666"

textcolor[9]="

777777"

textcolor[10]="

888888"

textcolor[11]="

999999"

textcolor[12]="

aaaaaa"

textcolor[13]="

bbbbbb"

textcolor[14]="

cccccc"

textcolor[15]="

dddddd"

textcolor[16]="

eeeeee"

textcolor[17]="

ffffff"

textcolor[18]="

varmessage=newArray()

message[0]="

"

message[1]="

HappyDrips工作室"

message[2]="

谢谢您使用"

message[3]="

javascript源码大全"

i_message=0

vari_strength=0

vari_message=0

vartimer

functionglowtext(){ 

if(document.all){

if(i_strength<

=17){

glowdiv.innerText=message[i_message]

document.all.glowdiv.style.filter="

glow(color="

+textcolor[i_strength]+"

strength=4)"

i_strength++

timer=setTimeout("

glowtext()"

100)

}

else{

clearTimeout(timer)

setTimeout("

deglowtext()"

1500)

}functiondeglowtext(){ 

if(i_strength>

=0){

i_strength--

i_message++

if(i_message>

=message.length){i_message=0}

i_strength=0

intermezzo()

functionintermezzo(){ 

glowdiv.innerText="

1500) 

//-->

/script>

bodybgcolor="

#000000"

onLoad="

>

//不要忘记写 

divid="

glowdiv"

style="

position:

absolute;

visibility:

visible;

width:

600px;

text-align:

center;

top:

150px;

left:

50px;

font-family:

隶书;

font-size:

30pt;

color:

/div>

/html>

====2、[可选项]修改<

div>

标签内的代码可以确定文字显示的位置,颜色和大小。

top是距离屏幕上面的距离,left是距离坐侧的距离。

font-size是文字大小,

color是颜色。

width是DIV层的宽度。

由于文字是用DIV来控制的,所以在DIV的宽度范围内不能有其它内容。

DIV的位置用绝对位置(position:

absolute)表示。

※效果演示※

超酷的文字特效[特别推荐][共2步]

====1、将以下代码加入HEML的<

之间:

script>

--//

varx,y

vari_fontsize=0

varstep=0

varthisx,thisy

functionhandlerMM(e){

x=(document.layers)?

e.pageX:

event.clientX

y=(document.layers)?

e.pageY:

event.clientY

functionringup(){

if(document.all){

thisx=x

thisy=y

ringup2()

functionringup2(){

if(i_fontsize<

=1000){ 

document.all.ring.style.fontSize=i_fontsize

document.all.ring.style.color="

rgb(255,"

+Math.floor(i_fontsize/6)+"

"

)"

document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))

document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))

step+=4

i_fontsize+=step

ringup

(2)"

50)

i_fontsize=0

step=0

document.all.ring.style.posTop=-10000

document.onmousemove=handlerMM;

style>

.ringstyle{

-50px;

5pt;

Verdana;

FF0000

.explain{

80px;

40px;

300px;

000000;

20pt;

Times;

/style>

====2、将以下代码加入HEML的<

/body之间>

ring"

class="

ringstyle"

p>

fontcolor="

#FF8080"

:

-)<

/font>

/p>

redirection"

explain"

移动你的鼠标到这里来看看<

atarget="

_blank"

onMouseOver="

ringup()"

href="

是不是很棒的效果<

/a>

阴影文字的特殊效果[适用于IE4++][共3种效果]

放在HTML的<

区即可[适当的位置]:

====1、第一种效果[修改要显示的文字即可]

divstyle="

350;

font-size:

15pt;

font-family:

Arial;

color:

red;

position:

relative;

filter:

blur(add=1,direction=45,strength=3)"

快乐点滴工作室<

====2、第二种效果[修改要显示的文字即可]

glow(color=ffff00,strength=5)"

====3、第三种效果[修改要显示的文字即可]

dropshadow(color=000000,offx=3,offy=3,positive=1)"

快乐点滴工作室<

※效果演示123※

彩色文字的特殊效果[推荐使用]

[根据下面的说明进行修改即可共1步]

====1、以下代码放在HTML的<

[适当的位置]:

scriptlanguage="

JavaScript"

--Begin

text="

;

//显示的文字

color1="

blue"

//文字的颜色

color2="

red"

//转换的颜色

fontsize="

8"

//字体大小

speed=100;

//转换速度(1000=1秒) 

i=0;

if(navigator.appName=="

Netscape"

){

document.write("

layerid=avisibility=show>

/layer>

br>

);

divid=a>

functionchangeCharColor(){

document.a.document.write("

center>

fontface=arialsize="

+fontsize+"

+color1+ 

for(varj=0;

j<

text.length;

j++){

if(j==i){

fontface=arialcolor="

+color2+"

+Text.charAt(i)+"

document.a.document.write(text.charAt(j));

document.a.document.write('

/center>

'

document.a.document.close();

MicrosoftInternetExplorer"

str="

fontface=arialsize="

+color1+"

if(j==i){

str+="

+text.charAt(i)+"

str+=text.charAt(j);

a.innerHTML=str;

(i==text.length)?

i=0:

i++;

setInterval("

changeCharColor()"

speed);

//End-->

升降的文字特殊效果[修改显示的文字即可]

[根据下面的说明进行共1步]

之间[适当的位置]:

--

done=0;

step=4

functionanim(yp,yk)

{

if(document.layers)document.layers["

napis"

].top=yp;

elsedocument.all["

].style.top=yp;

if(yp>

yk)step=-4

if(yp<

60)step=4

setTimeout('

anim('

+(yp+step)+'

'

+yk+'

)'

35);

functionstart()

if(done)return

done=1;

if(navigator.appName=="

document.napis.left=innerWidth/2-145;

anim(60,innerHeight-60)

napis.style.left=11;

anim(60,document.body.offsetHeight-60)

absolute;

-50;

#000000;

宋体;

9pt;

谢谢您的使用!

start()'

10);

打字效果的文字特效[修改显示的文字即可]

====2、以下代码放在HTML的<

scriptlanguage=javascript>

varlayers=document.layers,style=document.all,both=layers||style,idme=908601;

if(layers){layerRef='

document.layers'

styleRef='

}if(style){layerRef='

document.all'

styleRef= 

.style'

functionwriteOnText(obj,str){

if(layers)with(document[obj]){document.open();

document.write(str);

document.close();

if(style)eval(obj+'

.innerHTML=str'

}

vardispStr=newArray("

varoverMe=0;

functiontxtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){

vartmp0=tmp1='

skip=100;

if(both&

&

idx<

=str.length){

if(str.charAt(idx)=='

){while(str.charAt(idx)!

='

)idx++;

idx++;

str.charAt(idx+1)!

'

){while(str.charAt(idx)!

='

)idx++;

tmp0=str.slice(0,idx);

tmp1=str.charAt(idx++);

if(overMe==0&

plysnd==1){

if(navigator.plugins[0]){

if(navigator.plugins["

LiveAudio"

][0].type=="

audio/basic"

&

navigator.javaEnabled()){document.embeds

[0].stop();

document.embeds[0].play(false)"

100);

}elseif(document.all){

ding.Stop();

ding.Run()"

overMe=1;

}elseoverMe=0;

writeOnText(idObj,"

spanclass="

+spObj+"

fontcolor='

+clr1+"

+tmp0+"

+clr2

+"

+tmp1+"

/span>

txtTyper('

+str+"

"

+idx+"

'

+idObj+"

+clr2+"

+delay+"

"

+plysnd+"

delay);

}}

functioninit(){txtTyper(dispStr[0],0,'

ttl0'

ttl1'

#339933'

#99FF33'

300,0);

BODYonload=init()>

DIVclass=ttl1id=ttl0>

/DIV>

/BODY>

淡入淡出的文字效果[根据下面的说明进行共3步]

javaScript"

functioncheckBrowserForVersion4(){

varx=navigator.appVersion;

y=x.substring(0,4);

if(y>

=4)Effect();

varisNav=(navigator.appName.indexOf("

)!

=-1);

varcolors=newArray

("

FFFFFF"

F9F9F9"

F1F1F1"

E9E9E9"

E1E1E1"

D9D9D9"

D1D1D1"

C9C9C9"

C1C1C1"

B9B9B9"

B1B1B1"

A9A9A9"

A1A1A1"

919191"

898989"

818181"

797979"

717171"

696969"

616161"

595959"

515151"

494949"

414141"

393939"

313131"

292929"

212121"

191919"

090909"

a=0,b=1

functionEffect(){

color=colors[a];

//*改改下面的文字内容即可,可使用HTML语法,但是注意引号不要混用。

双引号内是单引号。

*//

aa="

fontsize='

5'

fontface='

Arial,Helvetica,sans-serif'

+color+"

SavepageandGetCode!

EnjoyAllTheseFreeJavascripts......<

if(isNav){document.object1.document.write(aa);

document.object1.document.close();

elseobject1.innerHTML=aa

a+=b;

if(a==38)b-=2;

if(a==0)b+=2;

xx=setTimeout("

Effect()"

bodyonload="

checkBrowserForVersion4()"

>

object1"

visibility:

show;

left:

181px;

top:

113px;

z-index:

2"

====3、特别说明:

只要改变上面的TOP值和LEFT值即可确定文字显示的绝对位置。

TOP表示文字距离屏幕顶部的距离(象素),LEFT是离屏幕左侧的距离。

上面有一大堆乱七八糟的字符是确定渐变的颜色数组。

炽热文字的特殊效果[适用于IE4++]

(根据下面的说明进行共3步)

====1、将以下代

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

当前位置:首页 > 小学教育 > 语文

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

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