JavaScript源码大全.docx

上传人:b****6 文档编号:5103105 上传时间:2022-12-13 格式:DOCX 页数:14 大小:27.01KB
下载 相关 举报
JavaScript源码大全.docx_第1页
第1页 / 共14页
JavaScript源码大全.docx_第2页
第2页 / 共14页
JavaScript源码大全.docx_第3页
第3页 / 共14页
JavaScript源码大全.docx_第4页
第4页 / 共14页
JavaScript源码大全.docx_第5页
第5页 / 共14页
点击查看更多>>
下载资源
资源描述

JavaScript源码大全.docx

《JavaScript源码大全.docx》由会员分享,可在线阅读,更多相关《JavaScript源码大全.docx(14页珍藏版)》请在冰豆网上搜索。

JavaScript源码大全.docx

JavaScript源码大全

 

  ☆ 使用说明 ☆

∙简介:

本软件为Javascript共享教学软件,包含各种Javascript源码及演示,力求丰富易懂。

 

∙本软件1.0版本为免费版本,你可以免费使用,自由传播,但请保留其版权。

 

∙本软件制作格式:

CHM,支持全文检索,可以运行在所有windows操作系统。

 

∙注意:

由于源代码在制作时已经转化为Html格式,所以如要Copy使用,请先复制到文本文件然后才能使用。

有部分网址连接只供演示,并非真实存在,所以不能打开属于正常情况,非软件错误。

  --2003/02/28    

 

     

 

    软件制作:

姚辉

     Email:

yshot@  

 

 

 

 

 

 

逐隐逐现的文字特效[推荐使用][适用于IE4++]

(修改显示的文字后根据说明进行共2步)

====1、以下代码放在一个新建页面的HTML的区即可:

[页面上必须什么都没有]

特效 

--//

varthissize=20

vartextfont="隶书"

vartextcolor=newArray()

textcolor[0]="000000"

textcolor[1]="000000"

textcolor[2]="000000"

textcolor[3]="111111"

textcolor[4]="222222"

textcolor[5]="333333"

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]="ffffff"

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(document.all){

if(i_strength>=0){

glowdiv.innerText=message[i_message]

document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+",strength=4)"

i_strength--

timer=setTimeout("deglowtext()",100)

}

else{

clearTimeout(timer)

i_message++

if(i_message>=message.length){i_message=0}

i_strength=0

intermezzo()

}

}

}

functionintermezzo(){ 

glowdiv.innerText=""

setTimeout("glowtext()",1500) 

}

//-->

//不要忘记写 

absolute;visibility:

visible;width:

600px;text-align:

center; 

top:

150px;left:

50px;font-family:

隶书;font-size:

30pt;color:

000000">

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

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

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

font-size是文字大小,

color是颜色。

width是DIV层的宽度。

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

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

absolute)表示。

 

※效果演示※

 

 

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

====1、将以下代码加入HEML的之间:

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

:

-)

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

href="">是不是很棒的效果

 

※效果演示※

 

 

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

放在HTML的区即可[适当的位置]:

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

350;font-size:

15pt;font-family:

Arial;color:

red;position:

relative;filter:

 

blur(add=1,direction=45,strength=3)">快乐点滴工作室

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

350;font-size:

15pt;font-family:

Arial;color:

red;position:

relative;filter:

 

glow(color=ffff00,strength=5)">快乐点滴工作室

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

350;font-size:

15pt;font-family:

Arial;color:

red;position:

relative;filter:

 

dropshadow(color=000000,offx=3,offy=3,positive=1)">快乐点滴工作室

 

※效果演示123※

 

 

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

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

====1、以下代码放在HTML的区即可:

[适当的位置]:

--Begin

text="javascript源码大全";//显示的文字

color1="blue";//文字的颜色

color2="red";//转换的颜色

fontsize="8";//字体大小

speed=100;//转换速度(1000=1秒) 

i=0;

if(navigator.appName=="Netscape"){

document.write("


");

}

else{

document.write("");

}

functionchangeCharColor(){

if(navigator.appName=="Netscape"){

document.a.document.write("

">");

for(varj=0;j

if(j==i){

document.a.document.write(""+Text.charAt(i)+"");

}

else{

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

}

}

document.a.document.write('

');

document.a.document.close();

}

if(navigator.appName=="MicrosoftInternetExplorer"){

str="

";

for(varj=0;j

if(j==i){

str+=""+text.charAt(i)+"";

}

else{

str+=text.charAt(j);

}

}

str+="

";

a.innerHTML=str;

}

(i==text.length)?

i=0:

i++;

}

setInterval("changeCharColor()",speed);

//End-->

 

※效果演示※

 

 

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

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

====1、以下代码放在HTML的之间[适当的位置]:

--

done=0;

step=4

functionanim(yp,yk)

{

if(document.layers)document.layers["napis"].top=yp;

elsedocument.all["napis"].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=="Netscape"){

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

anim(60,innerHeight-60)

}

else{

napis.style.left=11;

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

}

}

//-->

absolute;top:

-50;color:

#000000;font-family:

宋体;font-size:

9pt;">

谢谢您的使用!

--

setTimeout('start()',10);

//-->

 

※效果演示※

 

 

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

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

====2、以下代码放在HTML的之间[适当的位置]:

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("javascript源码大全");

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++;}

if(str.charAt(idx)=='&'&&str.charAt(idx+1)!

=''){while(str.charAt(idx)!

=';')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();

setTimeout("document.embeds[0].play(false)",100);}

}elseif(document.all){

ding.Stop();

setTimeout("ding.Run()",100);}

overMe=1;}elseoverMe=0;

writeOnText(idObj,""+tmp0+"

+"'>"+tmp1+"");

setTimeout("txtTyper('"+str+"',"+idx+",'"+idObj+"','"+spObj+"','"+clr1+"','"+clr2+"',"+delay+","+plysnd+")",delay);}}

functioninit(){txtTyper(dispStr[0],0,'ttl0','ttl1','#339933','#99FF33',300,0);}

 

※效果演示※

 

 

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

====1、以下代码放在HTML的之间:

--

functioncheckBrowserForVersion4(){

varx=navigator.appVersion;

y=x.substring(0,4);

if(y>=4)Effect();}

varisNav=(navigator.appName.indexOf("Netscape")!

=-1);

varcolors=newArray

("FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","F9F9F9","F1F1F1","E9E9E9","E1E1E1","D9D9D9","D1D1D1","C9C9C9","C1C1C1","B9B9B9","B1B1B1","A9A9A9","A1A1A1","999999","919191","898989","818181","797979","717171","696969","616161","595959","515151","494949","414141","393939","313131","292929","212121","191919","111111","090909","000000")

a=0,b=1

functionEffect(){

color=colors[a];

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

双引号内是单引号。

*//

aa="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()",10);}

//-->

====2、以下代码放在HTML的之间[适当的位置]:

absolute;visibility:

show;left:

181px;top:

113px;z-index:

2">

====3、特别说明:

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

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

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

 

※效果演示※

 

 

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

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

====1、将以下代码加

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

当前位置:首页 > 高等教育 > 军事

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

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