javascript源码大全10Word文档格式.docx
- 文档编号:20389903
- 上传时间:2023-01-22
- 格式:DOCX
- 页数:71
- 大小:47.11KB
javascript源码大全10Word文档格式.docx
《javascript源码大全10Word文档格式.docx》由会员分享,可在线阅读,更多相关《javascript源码大全10Word文档格式.docx(71页珍藏版)》请在冰豆网上搜索。
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、将以下代
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- javascript 源码 大全 10