當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS炫彩动画效果的文字特效
生活随笔
收集整理的這篇文章主要介紹了
JS炫彩动画效果的文字特效
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!-- no prod --><!doctype html public "-//W3C//DTD HTML 3.2//EN"><HTML><head><title>JS炫彩動畫效果的文字特效丨石家莊職業中專|石家莊醫用門</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 信息服務！</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 信息服務是一個桌面 Web 服務器，使用它，您可以從自己的計算機上發布個人主頁，并把您計算機上的文檔共享到整個網絡。</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">在將站點上載到 Internet 提供商之前，也可以將 IIS 用作開發平臺。</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>
?
轉載于:https://www.cnblogs.com/zhaozzm/p/4432829.html
總結
以上是生活随笔為你收集整理的JS炫彩动画效果的文字特效的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 进程隐藏
- 下一篇： 前端自学学习笔记——JavaScript