add scrolling text in HTML and mouse hover stop/ mouseover

Adding simple scrolling text:
code to add a scrolling text.

<marquee>your text here</marquee>
The output will be like:
Example:
your text here

If you want some more attraction,then try these,
Add a background color to the text:

<marquee bgcolor="#99CCFF">your text here</marquee>Example 2:
your text here



Pausing the text when mouse is over the text: for reader's convenience, when the reader hover the mouse over the text, text will stop scrolling
Here is the code to do this
<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> your text here</marquee>
Example:
your text here

(place the mouse over the text to test it)



Adding hyperlinks:
You can also add the hyperlinks in text.
Here is the sample code:
<marquee behavior="scroll" align="middle" direction="left" bgcolor="#99FFFF" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://blogging-tips-tools.blogspot.com/">Remove Navbar</a> # <a href="http://netpassion4u.blogspot.com/">Internet tips</a> # <a href="http://blogging-tips-tools.blogspot.com/">Add Read More tag in Blog</a></marquee>
The output will look like this:
Remove Navbar # blogging-tips-tools.blogspot.comAdding simple scrolling text:



java scroller with recent updates plus recent posts
click here to get code

Subscribe To Get FREE Tutorials!

Kindly Bookmark this Post using your favorite Bookmarking service: