File: simplemarquee.html

Recommend this page to a friend!
  Classes of David Barnes   jQuery Simple Marquee   simplemarquee.html   Download  
File: simplemarquee.html
Role: Example script
Content type: text/plain
Description: Demo HTML file
Class: jQuery Simple Marquee
Make text appear scrolling continuously
Author: By
Last change: Added extra options
Date: 11 years ago
Size: 852 bytes
 

Contents

Class file image Download
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Simple Marquee</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/jquery.simplemarquee.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#marquee').simplemarquee({ speed: 5000, direction: 'rtl', // Options "ltr" or "rtl" pause: true }); }); </script> <style type="text/css"> #marquee { position:relative; overflow:hidden; width:100%; } #marquee .sections { position:absolute; left:0px; top:0px; white-space:nowrap; } #marquee .section { padding:0px 10px; float:left; } </style> </head> <body> <div id="marquee"> Enter your scrolling text here! </div> </body> </html>