How to Add Scrolling Text to a SharePoint Page

It is very simple to add scrolling text to a SharePoint page without having to develop a custom web part solution. All you need is the out-of-the-box Content Editor web part and a snippet of JavaScript code.

Here is how to add scrolling text to your SharePoint page:

1) On the page you want to add scrolling text to, click on Site Actions -> Edit Page
2) Insert a Content Editor web part to your page.
3) Edit the web part.
4) Click on "Click here to add new content".
5) On the ribbon under "Editing Tools", click on "Format Text".
6) In the "Markup" section of the ribbon, click on "HTML", and select "Edit HTML Source".
7) In the HTML Source window, add the following JavaScript code:

<font color="#ff0000" face="Verdana" size="3"><p align="center"><marquee width="800" height="20" scrolldelay="120" style="height: 20px; width: 800px"><div align="left">NOTICE: You text goes here.</div></marquee></p></font>

8) Click "OK" to close the HTML Source window.
9) Click on "Save & Close" button on the ribbon to save and apply your changes.

You can modify the following variables:
color - text color
face - font style
scrolldelay - scroll speed
height - scrolling text area height
width - scrolling text area width

Cheers!
Leo