Wednesday, September 10, 2014

Simple marquee to slide text on mouse hover to start/stop text with anchor tag.

Add the below code in HTML/ CEWP to slide the text left to right. you can also include teh text from Object Model to display dynamically from List.

<div align="center" >
                        <marquee scrollamount="3" style="color: #900000; font-weight: bold; font-size: 20px;    width: 600px;">
<a href="#" onmouseover="this.parentNode.stop();" style="font-size:18px; color:#900000; font-weight:bold;" onmouseout="this.parentNode.start();">Simple marquee. On mouse hover to stop.</a>

Happy Browsing!

No comments:

Post a Comment