JS特效Word格式文档下载.docx
- 文档编号:19411726
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:42
- 大小:28.51KB
JS特效Word格式文档下载.docx
《JS特效Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《JS特效Word格式文档下载.docx(42页珍藏版)》请在冰豆网上搜索。
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)表示
====1、以下代码放在一个新建页面的HTML的<
超酷的文字特效[特别推荐][共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>
打字效果的文字特效[修改显示的文字即可]
[根据下面的说明进行共1步]
====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步]
====1、以下代码放在HTML的<
scriptlanguage="
javaScript"
--
functioncheckBrowserForVersion4(){
varx=navigator.appVersion;
y=x.substring(0,4);
if(y>
=4)Effect();
varisNav=(navigator.appName.indexOf("
Netscape"
)!
=-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()"
10);
bodyonload="
checkBrowserForVersion4()"
>
object1"
visibility:
show;
left:
181px;
top:
113px;
z-index:
2"
====3、特别说明:
只要改变上面的TOP值和LEFT值即可确定文字显示的绝对位置。
TOP表示文字距离屏幕顶部的距离(象素),LEFT是离屏幕左侧的距离。
上面有一大堆乱七八糟的字符是确定渐变的颜色数组。
图片的渐显播放[推荐][根据下面的说明进行共3步,修改图片的名称及路径即可]
第三步的top:
120px;
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(i_strngth<
=110){
testimage.innerHTML="
imgstyle='
filter:
alpha(opacity="
+i_strngth+"
)'
src="
+imageurl[i_image]+"
border=0>
i_strngth=i_strngth+10
vartimer=setTimeout("
showimage()"
hideimage()"
1000)
if(document.layers){
document.testimage.document.write("
imgsrc="
document.close()
i_image++
if(i_image>
=imageurl.length){i_image=0}
2000)
}
functionhideimage(){
if(i_strngth>
=-10){
i_strngth=i_strngth-10
=imageurl.length){i_image=0}
i_strngth=1
sho
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JS 特效
![提示](https://static.bdocx.com/images/bang_tan.gif)