从数据库中读取新闻标题 并滚动

读取标题代码
<?php
session_start();
include_once("../db_mysql.php");
include_once("../common.php");
$conn=db_connect($h,$u,$p,$db);
mysql_query("set names 'gb2312'");
$sql="select note_id,note_title from notice order by note_date DESC limit 3";
//搜索最近的10条的新闻。
$result=mysql_query($sql);
if(!$result){
echo "没有通知..";
}
else
{
while($array=mysql_fetch_array($result))
 { echo "<a href=notice_text.php?note_id=$array[note_id]>$array[note_title]<p></p>";
  }
}
?>不会JavaScript，请熟悉JavaScript的朋友帮忙加工一下  需要在小表格中实现上下滚动

解决方案 »

  1.   

    你也可以用flash来实现字体滚动啊
      

  2.   

    http://demo.phptext.net/JSMarquee/看看这个
      

  3.   

    <?php
    session_start();
    include_once("../db_mysql.php");
    include_once("../common.php");
    $conn=db_connect($h,$u,$p,$db);
    mysql_query("set names 'gb2312'");
    $sql="select note_id,note_title from notice order by note_date DESC limit 3";
    //搜索最近的10条的新闻。
    $result=mysql_query($sql);
    if(!$result){
    echo "没有通知..";
    }
    else{
    ?>
    <div id="demo" style='text-align:top;overflow:hidden;height:90px;width:250px;'>
    <div id="demo1" valign="top"  style="text-align:top;">
    <?php
    while($array=mysql_fetch_array($result))
     { echo "<p><a href=notice_text.php?note_id=$array[note_id]>$array[note_title]</a></p>";
      }
    ?>
    </div>
    <div id="demo2" valign="top"  style="text-align:top;"></div>
    </div>
    <script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){
    if(demo2.offsetHeight-demo.scrollTop<=0)
    demo.scrollTop -= demo1.offsetHeight;
    else{
    demo.scrollTop++;
    }
    }
    var MyMar=setInterval(Marquee,speed);
    demo.onmouseover=function() {clearInterval(MyMar);}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
    </script>
    <?php
    }
    ?>
      

  4.   

    3楼方法可行，做成静态页的html如下代码：<html>
    <title>文字上下滚动</title>
    <body>
    <div id="demo" style='text-align:top;overflow:hidden;height:90px;width:250px;'>
    <div id="demo1" valign="top" style="text-align:top;">
    <p><a href="#">新闻标题1</a></p>
    <p><a href="#">新闻标题2</a></p>
    <p><a href="#">新闻标题3</a></p>
    <p><a href="#">新闻标题4</a></p>
    <p><a href="#">新闻标题5</a></p>
    <p><a href="#">新闻标题6</a></p>
    <p><a href="#">新闻标题7</a></p>
    <p><a href="#">新闻标题8</a></p>
    <p><a href="#">新闻标题9</a></p>
    <p><a href="#">新闻标题10</a></p>
    </div>
    <div id="demo2" valign="top" style="text-align:top;"></div>
    </div>
    <script type="text/javascript">
    var speed=100
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){
    if(demo2.offsetHeight-demo.scrollTop<=0)
    demo.scrollTop -= demo1.offsetHeight;
    else{
    demo.scrollTop++;
    }
    }
    var MyMar=setInterval(Marquee,speed);
    demo.onmouseover=function() {clearInterval(MyMar);}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
    </script></body>
    </html>