JS to achieve similar lighting of colorful text gradient visual impact effect _ link effects

Source: Internet
Author: User
Tags visibility

<!--no prod--> <!doctype HTML public "-//w3c//dtd HTML 3.2//en" > <HTML><pead><title> Dazzle Text effects </title> <meta name= "ROBOTS" content= "NOINDEX" > <script language= "VBScript" > <!--' Declare t He variable used to increment the X coordinate public xpos ' Initialize the variable xpos = ' Function lightme () ' Pu TS a spotlight on the title of Call Document.all.title.filters (0). Addpoint (A, A, M, a) Movelight end function function movelight () ' Moves the spotlight from left to right across the title area until it reaches the edge ' The window and then stops ' this increments the X coordinate xpos = xpos + 5 ' If not ' on the right edge of the window Then move the spotlight right If Xpos < then call Document.all.title.filters (0). movelight (0, Xpos, 10, 100, 1) MyTimer = Window.settimeout ("Movelight", 1) ' If at the right edge of the window called the ' the ' of ' Indow.cleartimeout (mytimeR) Call Document.all.title.filters (0). Clear Text1trans End If End Function Sub text1trans () ' Makes the ' APh of text visible text1.filters (0). Apply () text1.style.visibility= "visible" text1.filters (0). Play () MyTimer = Window.settimeout ("Text2trans", 3000) End Sub Sub Text2trans () ' makes the second paragraph of text V Isible text2.filters (0). Apply () text2.style.visibility= "visible" text2.filters (0). Play () Link2trans End Sub Sub Link2trans () ' makes the Next button visible link2.filters (0). Apply () Link2.style.visi bility= "visible" link2.filters (0). Play () End Sub sub-next_onclick () ' Makes the button appeared depressed and moves to Next Slide document.all.ButtonNext.src = "Http://www.jb51.net/images/logo.gif" location.href= "Http://www.jb51.net" E nd Sub--> </script> <meta http-equiv= "Content-type" content= "text/html"; charset=gb2312 "> <style> body,div,td{font:menu} </style> </pead> <body onload=" Lightme "BGCOlor= "#800000" text= "#D4B878" > <div id= "title" ><strong> Welcome to use Internet Information Services! </strong></Div> <div id= "Text1" ><strong><font color= "#D4B878" >microsoft Internet The information service is a desktop Web server that lets you publish your personal home page from your computer and share the documents on your computer to the entire network. </font> </strong></div> <div id= "Text2" ><strong><font color= "#D4B878" > uploading the site to Internet provider, you can also use IIS as a development platform. </font></strong></div> <div id= "Link2" ></div> <div id= "Nextbutton" ></div > </font> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.