當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS炫彩动画效果的文字特效
生活随笔
收集整理的這篇文章主要介紹了
JS炫彩动画效果的文字特效
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!-- no prod --><!doctype html public "-//W3C//DTD HTML 3.2//EN"><HTML><head><title>JS炫彩動畫效果的文字特效丨石家莊職業(yè)中專|石家莊醫(yī)用門</title><META NAME="ROBOTS" CONTENT="NOINDEX"><SCRIPT Language="VBScript"> <!--'Declare the variable used to increment the x coordinatePublic XPos'Initialize the variable
XPos = 20Function LightMe()'Puts a spotlight on the titlecall document.all.title.filters(0).addPoint(20, 10, 100, 200, 225, 200, 100)MoveLightEnd FunctionFunction MoveLight()'Moves the spotlight from left to right across the title area until it reaches the edge'of the window and then stops'This increments the x coordinate
XPos = XPos + 5'If not at the right edge of the window then move the spotlight rightIf XPos < 480 Thencall document.all.title.filters(0).movelight(0, xpos, 10, 100, 1)myTimer = window.setTimeout("Movelight", 1)'If at the right edge of the window call the first paragraph of textElsewindow.clearTimeout(myTimer)call document.all.title.filters(0).clearText1TransEnd IfEnd FunctionSub Text1Trans()'Makes the first paragraph of text visible
Text1.filters(0).Apply()Text1.style.visibility="visible"Text1.filters(0).Play()myTimer = window.setTimeout("Text2Trans", 3000)End SubSub Text2Trans()'Makes the second paragraph of text visible
Text2.filters(0).Apply()Text2.style.visibility="visible"Text2.filters(0).Play()Link2TransEnd SubSub Link2Trans()'Makes the Next button visible
Link2.filters(0).apply()Link2.style.visibility="visible"Link2.filters(0).play()End SubSub Next_onclick()'Makes the button appeared depressed and moves to next slide
document.all.ButtonNext.src = "right3down.gif"location.href= "iitourb.htm"End Sub--></script><META HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312"><style>body,div,td{font:menu}</style></head><BODY onload="LightMe" BGCOLOR="#800000" TEXT="#D4B878" ><Div id="title" style="position:absolute; left:7; top:7; width:425; visibility:visible; filter:Light"><strong>歡迎使用 Internet 信息服務(wù)！</strong></Div><div id="Text1" style="position: absolute;left: 7; top: 45; width: 425; visibility: hidden; filter: revealTrans(Duration=2, Transition=19); height: 39"><strong><font color="#D4B878">Microsoft Internet 信息服務(wù)是一個桌面 Web 服務(wù)器，使用它，您可以從自己的計(jì)算機(jī)上發(fā)布個人主頁，并把您計(jì)算機(jī)上的文檔共享到整個網(wǎng)絡(luò)。</font></strong></div><div id="Text2" style="position: absolute; left: 200; top: 175; width: 225; visibility: hidden; filter: revealTrans(Duration=3, Transition=12); height: 39"><strong><font color="#D4B878">在將站點(diǎn)上載到 Internet 提供商之前，也可以將 IIS 用作開發(fā)平臺。</font></strong></div><div id="Link2" style="position:absolute; top:285; left:385; visibility:hidden; filter:revealTrans(Duration=3, Transition=12)" ><img id="ButtonNext" src="right1up.gif" border=0 onmouseover="ButtonNext.src = 'img.gif' " onmouseout="ButtonNext.src = 'right1up.gif' " onclick=next_onclick></div><div id="NextButton" style="display:none"><img src=right3down.gif></div></font><p> </p><p> </p></body></html><br><br><hr>
?
轉(zhuǎn)載于:https://www.cnblogs.com/zhaozzm/p/4432829.html
總結(jié)
以上是生活随笔為你收集整理的JS炫彩动画效果的文字特效的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
