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

类型JS特效.docx

  • 文档编号:6400658
  • 上传时间:2023-01-06
  • 格式:DOCX
  • 页数:42
  • 大小:28.51KB

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

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

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

font-size是文字大小,

color是颜色。

width是DIV层的宽度。

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

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

absolute)表示

====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="">是不是很棒的效果

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

[根据下面的说明进行共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是离屏幕左侧的距离。

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

图片的渐显播放[推荐][根据下面的说明进行共3步,修改图片的名称及路径即可]

第三步的top:

120px;left:

240px可以设定显示的位置

====1、将下面的代码插入到HEML的之间:

 

--//

sandra0=newImage();

sandra0.src="image1.gif";

sandra1=newImage();

sandra1.src="image2.gif";

sandra2=newImage();

sandra2.src="image3.gif";

vari_strngth=1

vari_image=0

varimageurl=newArray()

imageurl[0]="图片名称1.gif"

imageurl[1]="图片名称2.gif"

imageurl[2]="图片名称3.gif"

functionshowimage(){ 

if(document.all){

if(i_strngth<=110){

testimage.innerHTML="

alpha(opacity="+i_strngth+")'src="+imageurl[i_image]+"border=0>";

i_strngth=i_strngth+10

vartimer=setTimeout("showimage()",100)

}

else{

clearTimeout(timer)

vartimer=setTimeout("hideimage()",1000)

}

}

if(document.layers){

clearTimeout(timer)

document.testimage.document.write("")

document.close()

i_image++

if(i_image>=imageurl.length){i_image=0} 

vartimer=setTimeout("showimage()",2000)

}

functionhideimage(){ 

if(i_strngth>=-10){

testimage.innerHTML="

alpha(opacity="+i_strngth+")'src="+imageurl[i_image]+"border=0>";

i_strngth=i_strngth-10

vartimer=setTimeout("hideimage()",100)

else{

clearTimeout(timer)

i_image++

if(i_image>=imageurl.length){i_image=0}

i_strngth=1

vartimer=setTimeout("sho

配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
JS 特效
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:JS特效.docx
链接地址:https://www.bdocx.com/doc/6400658.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

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

收起
展开