Embedded Components — Vertical Scrolling Ticker

Home page

translate page

ECI's Scrolling Ticker Support Page

Click here to download your copy of ECI's scrolling ticker...

See the example below to learn how to set up and use ECI's vertical scrolling ticker...

Example - the scrolling ticker in action
click inside the scrolling window to activate the user's pop-up menu

Note: if the screen above remains blank, then you may need to download Flash Player update

Sample HTML code needed to install ECI's vertical scrolling ticker into a web page

<table width="411" border="0" cellspacing="2" cellpadding="1">
<tr> 
  <td> 
  <p class="black9">Example - the scrolling ticker in action </p>
  <!--ECI's flash scrolling text component-->
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="411" height="131"  align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="/ECIscrollingTicker.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#FFFFCC" />
    <param name="menu" value="false" />
    <embed src="/ECIscrollingTicker.swf" quality="high" bgcolor="#FFFFCC" menu="false" width="411" height="131" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
  </td>                 
</tr>
</table>

Sample text file used to create the scrolling example above

<p class="red9">ECI's scrolling ticker can be used to <span class="green12">attract users</span> to new features related to your products, services, and web site.</p>

<p class="red9">It is <span class="blue12">c</span><span class="black12">o</span><span class="green12">l</span><span class="red12">o</span><span class="grey12">r</span><span class="blue12">f</span><span class="black12">u</span><span class="green12">l</span> since it uses Cascading Style Sheet (CSS) technology to manage the html text you want to scroll.</p>

<p>It supports links that allow your clients and guests to go places and do things: <a href="http://www.embeddedcomponents.com" target="_blank">ECI's home page</a></p>

<p class="grey78">It is the first scrolling ticker to include a tool bar that pop's up when the client moves the mouse into the scrolling region.</p><br><p class="green78">The key advantage of course, is that the user can stop and restart the scrolling. or quickly move from one scrolling entry to the next, without waiting for the desired scrolling topic to be presented.</p>

<p>ECI's scrolling ticker starts scrolling immediately because it is developed using Macromedia Flash - Java Applets and other methods often take too long before the first scrolling entry finally presents itself.</p>

<p class="blue78">It is easy to set up and configure: <ul><li>See the sample set-up panel below for an example,</li><li>The scrolling text file is just an html file as seen in the sample HTML text panel below.</li></ul></p>

<p>ECI's scrolling ticker is low cost, license friendly, downloadable right now, and has an unconditional 30 day money back guarantee. <a href="http://www.embeddedcomponents.com/products/scrollingTicker">Click here to order></a></p>

Sample CSS style sheet used to create the scrolling example above

/* class definitions used internally for display of userMenu in ECIscrollingTicker.swf */
.userMenuTitle {font-family: verdana, geneva, sans-serif; font-size: 14px; color: #7E7E7E}
.userMenuControls {font-family: verdana, geneva, sans-serif; font-size: 10px; color: #7E7E7E}

/* optional styles for item display in ECIscrolltext.htm */
p {font-family: Arial, Helvetica, sans-serif; font-size: 18px}

body {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #18AF4D}

a:link {color: #0B07AA; text-decoration: underline}
A:active {color: #0B07AA}
a:hover{color: #D40106; text-decoration: underline}
A:visited { color: #A5C0BD}

.black12 {font-family: verdana, geneva, sans-serif; font-size: 18px; color: #000000}

.black9 {font-family: verdana, geneva, sans-serif; font-size: 13px; color: #000000}

.black78 {font-family: verdana, geneva, sans-serif; font-size: 11px; color: #000000}

.white78 {font-family: verdana, geneva, sans-serif; font-size: 10pt; color: #ffffff}

.grey78 {font-family: verdana, geneva, sans-serif; font-size: 11px; color: #7E7E7E}

.grey9 {font-family: verdana, geneva, sans-serif; font-size: 13px; color: #7E7E7E}

.grey12 {font-family: verdana, geneva, sans-serif; font-size: 18px; color: #7E7E7E}

.blue12 {font-family: verdana, geneva, sans-serif; font-size: 18px; color: #4596EF}

.blue9 {font-family: verdana, geneva, sans-serif; font-size: 13px; color: #4596EF}

.blue78 {font-family: verdana, geneva, sans-serif; font-size: 11px; color: #4596EF}

.red78 {font-family: verdana, geneva, sans-serif; font-size: 11px; color: #FF0000}

.red9 {font-family: verdana, geneva, sans-serif; font-size: 13px; color: #FF0000}

.red12 {font-family: verdana, geneva, sans-serif; font-size: 18px; color: #FF0000}

.required {font-family: verdana, geneva, sans-serif; font-size: 13px; color: #FF0000}

.green78 {font-family: verdana, geneva, sans-serif; font-size: 11px; color: #339900}

.green9 {font-family: verdana, geneva, sans-serif; font-size: 13px; color: #339900}

.green12 {font-family: verdana, geneva, sans-serif; font-size: 18px; color: #339900}