码迷,mamicode.com
首页 > 其他好文 > 详细

纵向文字滚动代码,带上下图片控制的。鼠标放到上下图片上时滚动

时间:2014-07-31 16:48:16      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   io   art   cti   代码   

<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>

 

纵向文字滚动代码,带上下图片控制的。鼠标放到上下图片上时滚动,布布扣,bubuko.com

纵向文字滚动代码,带上下图片控制的。鼠标放到上下图片上时滚动

标签:style   blog   color   java   io   art   cti   代码   

原文地址:http://www.cnblogs.com/whlives/p/3880898.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!