making scrolling text
<p>Please, I have no idea of javascript but i want to make a scrolling text. All links discourage marquee, so I searched for an answer and I was able to copy a plug in into my header. However, it doesn't work and I don't know why. Could it be because the file is saved in PHP or used wrongly? Please help, have a look. </p>

<p>This is the header in an include file:</p>

<pre><code>&lt;body&gt;
&lt;div id="outer"&gt;
&lt;div id="page"&gt;
&lt;div id="header"&gt;
&lt;script type="text/javascript" src="jquery-1.x.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jscroller-0.4.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 $(document).ready(function(){

  // Add Scroller Object
  $jScroller.add("#scroller_container","#scroller","left",1);

  // Start Autoscroller
  $jScroller.start();
 });
&lt;/script&gt;

&lt;div id="scroller_container"&gt;
 &lt;div id="scroller"&gt;
  &lt;span style="float:left;"&gt;Register now and start placing your order&lt;/span&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;div id="hlogo"&gt;
&lt;span style="float:right;margin:2px 2px 0 0;"&gt;&lt;img src="img/relogo2.jpg"  class="logoImage" width="96" height="96"/&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;span style="font-size:small;text-shadow: 10px 10px 1px grey;"&gt;&lt;h1&gt;Reacheasy&lt;span style="font-size:small;"&gt;&lt;?php echo $_SESSION['username'];?&gt;&lt;/span&gt;&lt;/h1&gt;&lt;/span&gt;
&lt;ul id="nav"&gt;
    &lt;li class="current"&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="women.php"&gt;Women&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="men.php"&gt;Men&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="children.php"&gt;Children&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="homeandappliances.php"&gt;Home&amp;amp;Appliances&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="visionandsound.php"&gt;Vision&amp;amp;Sounds&lt;/a&gt;&lt;/li&gt;
      &lt;!--&lt;li&gt;&lt;a href="motoring.php"&gt;Motoring&lt;/a&gt;&lt;/li&gt;--&gt;
      &lt;li&gt;&lt;a href="homemore.php"&gt;More&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="howto.php"&gt;Help(How to?)&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt; &lt;!--end of navigation div --&gt;
&lt;/div&gt;
&lt;div id="navigation"&gt;

&lt;?php
if($_SESSION['username'])
{ ?&gt;
&lt;ul id="navigationlb"&gt;
&lt;li&gt;&lt;a href='howto.php'&gt;Help(How to?)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='notification.php'&gt;Consignment notification&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='youraccount.php'&gt;Order Placement&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='relogout.php'&gt;Log out&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
&lt;?php }else{
?&gt;
  &lt;div&gt;
&lt;form action='relogin.php' method='post' class='rl'&gt;
&lt;fieldset&gt;
&lt;legend&gt;Login&lt;/legend&gt;
    &lt;div&gt;
    &lt;label for='username' class='fixedwidth'&gt;Username&lt;/label&gt;
    &lt;input type='text' name='username' id='username'/&gt;
    &lt;/div&gt;

    &lt;div&gt;
    &lt;label for='password' class='fixedwidth'&gt;Password&lt;/label&gt;
    &lt;input type='password' name='password' id='password'/&gt;
    &lt;/div&gt;
&lt;div class='buttonarea'&gt;
    &lt;input type='submit' value='Log in'/&gt;
    &lt;/div&gt;
&lt;p&gt;
&lt;a href='reregister.php'&gt;Register &lt;/a&gt;
&lt;/p&gt;
&lt;/fieldset&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;?php
}
?
</code></pre>

<p>and the related css to the javascript i added</p>

<pre><code>/* Scroller Box */
#scroller_container {
 position: relative;
 width: 300px;
 height: 60px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 60px;
 font-size: 60px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */
</code></pre>
