Javascript 制作滚动文本_Javascript

Javascript 制作滚动文本

javascript

Javascript 制作滚动文本,javascript,Javascript,拜托，我不知道javascript，但我想做一个滚动文本。所有的链接都不支持选框，所以我搜索了一个答案，并能够将一个插件复制到我的标题中。然而，它不起作用，我也不知道为什么。可能是因为文件是用PHP保存的还是使用错误？请帮忙，看看这是包含文件中的标题： <body> <div id="outer"> <div id="page"> <div id="header"> <script type="text/javascript" src="j

拜托，我不知道javascript，但我想做一个滚动文本。所有的链接都不支持选框，所以我搜索了一个答案，并能够将一个插件复制到我的标题中。然而，它不起作用，我也不知道为什么。可能是因为文件是用PHP保存的还是使用错误？请帮忙，看看

这是包含文件中的标题：

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

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

  // Start Autoscroller
  $jScroller.start();
 });
</script>

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

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

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

你可以试试我发现的这个东西：

<script type="text/javascript">

step=1
timerDown="" 

onload=function scrollDivDown(){
el=document.getElementById("scroll")
clearTimeout(timerDown) 
el.scrollTop+=step
timerDown=setTimeout("scrollDivDown()",10)

if(el.scrollTop>=el.scrollHeight-el.offsetHeight){
el.scrollTop=0
}

}

</script> 


<DIV id="scroll" style="width:250px; height:550px; overflow:hidden">


</DIV>

使用要滚动的元素的ID。

我的第一个建议是不要使用滚动文本。人们建议不要使用marque，而不是使用其他选项，而是不使用滚动文本。您的jquery包含有jquery-1.x.js，对此表示怀疑correct@Ing好的，我会考虑一个静态横幅设计

<script type="text/javascript">

step=1
timerDown="" 

onload=function scrollDivDown(){
el=document.getElementById("scroll")
clearTimeout(timerDown) 
el.scrollTop+=step
timerDown=setTimeout("scrollDivDown()",10)

if(el.scrollTop>=el.scrollHeight-el.offsetHeight){
el.scrollTop=0
}

}

</script> 


<DIV id="scroll" style="width:250px; height:550px; overflow:hidden">


</DIV>

el=document.getElementById("scroll");