图片上下间歇滚动代码

测试了很多均不理想，唯独这个不错，推荐出来！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sheji55 - 兼容IE和FireFox的间隔滚动代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
body {
    text-align:center;
}
#andyscroll {
    overflow: hidden;
    background: #E8F8F8;
    padding: 0 10px;
    text-align: left;
    width:400px;
    height:100px;
    overflow:hidden;
}
#andyscroll a {
    font:12px/18px tahoma;
    color: #000; 
    float:left;
    width:100%;
    text-decoration: none;
    display:block;
}
#andyscroll a:hover {
    font:12px/18px tahoma;
    color: #F60;
}
-->
</style>
</head>
<body>
<div id="andyscroll">
    <div id="scrollmessage"> 
        <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>
<script type="text/javascript">
<!--
var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout  = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage"); 
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
function init_srolltext(){
    scrollElem.scrollTop = 0;
    setInterval('scrollUp()', 25);//的面的这个参数25, 是确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
    if(stopscroll) return;
    currentTop += 2; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
    if(currentTop == 19) {
        stoptime += 1;
        currentTop -= 1;
        if(stoptime == 180) {
            currentTop = 0;
            stoptime = 0;
        }
    }else{
        preTop = scrollElem.scrollTop;
        scrollElem.scrollTop += 1;
        if(preTop == scrollElem.scrollTop){
            scrollElem.scrollTop = 0;
            scrollElem.scrollTop += 1;
        }
    }
}
//-->
</script>
</body>
</html>

posted on 2007-10-27 10:38  网络安全、asp、asp.net编程  阅读(1896)  评论(0)  编辑  收藏  举报

导航