http://www.chinasxl.com.cn/index1.asp里面有,图片是调用数据库的。

解决方案 »

  1.   

    <!--现在文本的总高度是10*(16+2*2)=200,所以外框的高度不能大于200px;--><html>
    <HEAD>
    <TITLE>滚动</TITLE>
    <META content="text/html; charset=gb2312" http-equiv=Content-Type>
    <STYLE type=text/css>
    #demo a {
    width:100%;
    overflow:hidden;
    font:12px/16px tahoma;
    display:block;
    text-decoration:none;
    margin:2px;
    color:#4a551c;
    padding-left:2px;
    text-align:left;
    }
    #demo a:hover {
    color:#ff6600;
    }</STYLE>
    </HEAD>
    <body>
    <div id="demo" style="overflow:hidden;height:132px;width:400px; border:1px solid #dde5bc; overflow:hidden;">
    <div id=demo1> 
    <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
    <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
    <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
    <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
    <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
    <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
    <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
    <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
    <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
    <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
    <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
    <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
    </div>
    <div id=demo2></div>
    </div>
    <script>
    var speed=40
    var demo=document.getElementById("demo");
    var demo2=document.getElementById("demo2");
    var demo1=document.getElementById("demo1");
    demo2.innerHTML=demo1.innerHTML
    function Marquee(){
    if(demo2.offsetTop-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>