Auto scrolling text

This widget is used for animating texts or images horizontally or vertically. This would be a good solution if you want to display long texts within a limited space. There are many options that you can customize.
* This widget is also included in Pro Pack. Pro versions enable users to save and load their code with additional customizable options (supporting RSS feeds, XML, and Twitter).

Preview

This "auto scrolling text" demo is built by the default settings.

Build your own

Input data in the fields below.
Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
Paste the source code into HTML snippet in iWeb. (Non-iWeb users can also copy & paste each code in the <head> and <body> to each tag.)

* Customize styles

widget width widget height font family

font size font color link color

* Optional settings

behavior scrolling speed direction loop times

* Insert contents

link where to open a link

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.scrolling-text-area {
  	/*widget_width*/width:500px;
  	/*widget_height*/height:30px;
  	/*font_family*/font-family:Lucida Grande,Lucida Sans Unicode, sans-serif;
  	/*font_size*/font-size:12px;
  	/*font_color*/color:black;
}
.scrolling-text-area a {/*link_color*/color:#0088CC;text-decoration:none;}
</style>
</head>
<body style="background: transparent; margin: 0pt;">
<div class="scrolling-text-area">
<!--AUTO SCROLLING TEXT BEGIN-->
<!--AUTO SCROLLING TEXT END-->
</div>
</body>
</html>

* Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.

I am Preview

This live demo is dynamically loaded when you push "Apply these settings" button. This preview may not be same to the actual view in your website.
* Important! Don't click a link from this preview. It will make you leave this page out so that you may lose your own code.