New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

IE5+ Opr7+

Sine Scrolling Text Script

Author: Mark Baker | homepage

Description: Using some sophisticated math calculations, not to mention great DHTML programming, Mark has created this visually stunning sine scrolling text animation. Quite amazing, isn't it?

Demo:


Directions Developer's View

Step 1: Insert the below stylesheet into the <head> section of your page:

Select All

Step 2: Insert the below code into the <body> section of your page:

Select All

Step 3: Finally, you need to download sinescroll.js (by either clicking or right clicking it for NS users), and upload it into the same directory as the page containing the effect.

The message to be "sined" is contained inside the above file. To modify it, open the file using any text editor (ie: Notepad), and change the text at the bottom of the file. Enjoy!