zoukankan      html  css  js  c++  java
  • 纵向文字滚动代码,带上下图片控制的。鼠标放到上下图片上时滚动

    <style type="text/css">
    #swsh .swsh_body{height:352px;overflow:hidden;}</style></p>
    <div id="swsh">
    <script language="javascript">
        var UDMoveflag=true
        function scrollStart(object,offset){
        object.scrollTop+=offset 
        if (UDMoveflag) timeID=window.setTimeout("scrollStart("+object.id+","+offset+")",10)
            if (object.scrollHeight<= (object.scrollTop+object.offsetHeight)){
                down.style.color="#444444"
            }else{
                down.style.color="#C11020"
            }
            if (object.scrollTop==0){
                up.style.color="#444444"
            }else{
                up.style.color="#C11020"
            }
        }
        function scrollStop(){
            UDMoveflag=false
            window.clearTimeout(timeID)
            UDMoveflag=true 
        }
    </script>
    <div><img height="10" alt="" width="17" id="up" onmouseover="scrollStart(RightMove1,-1)" onmouseout="scrollStop()" src="images/1G353K27-0.jpg" /></div>
    <div class="swsh_body" id="RightMove1" style="overflow: hidden">fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    fsdfsf<br />
    &nbsp;</div>
    <div><img height="10" alt="" width="17" id="down" onmouseover="scrollStart(RightMove1,1)" onmouseout="scrollStop()" src="images/1G353J24-1.jpg" /></div>
    </div>
  • 相关阅读:
    java-学习8
    java-学习7
    java-学习6
    html----h1-6标签
    jquery.cookie介绍和用法
    java-学习5
    java-学习4
    Eclipse里的代码光标变成一个黑色块
    java-学习3(jdk-环境配置)
    箭头函数无法使用this的解决方法
  • 原文地址:https://www.cnblogs.com/whlives/p/3880898.html
Copyright © 2011-2022 走看看