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

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

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

时间: 2024-08-13 08:43:29

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

WPF中当鼠标移到按钮上时,按钮的背景图片消失的问题

如果给按钮设置了背景图片,当鼠标移到按钮上的时候,按钮就好变成一个浅蓝色的按钮,背景图片就消失了,对于这个问题有很多解决方法,我只分享一下我的解决方法. 我第一次用的方式是在按钮中添加一个图片,不用背景来设置. <Button HorizontalAlignment="Left" Margin="179,56.506,0,0" Click="Button_Click" VerticalAlignment="Top" Wi

鼠标移动到图片上,显示相关信息

在网页上总是看到这样的效果:将鼠标放到一个小格子里,小格子变暗,同时显示出来一些文字.一直比较好奇,今天我也简单的实现了一下,如果有不对或者更好的方法,请指教. 总体思路是,构建一个新的div,用来覆盖图片并显示字,鼠标移动到img上时即可显示div,移出img时div会消失. 1.构建基本页面: <div id="ten_model"> <ul id="little_imgs"> <li id="li1">&

文字向上滚动代码,带段落停顿

带段落停顿效果的文字向上滚动代码,一个比较早的代码了,但觉得现在仍很常用,它可以定义文字成批次(段落)向上滚动,滚动后停顿,然后继续滚动,很不错啦,希望大家也喜欢. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>接触角测定仪</title> </head> &l

JS实现Li列表的无缝垂直文字滚动代码

非Table模式的新闻列表滚动,学习CSS的朋友可能都能做出这种效果来.运用了CSS中的Li列表标签,加上javaScript代码控制,完成完美的无缝滚动效果.在兼容性方面,在ie6,7,8,9,firefox等主流浏览器下均测试通过,用的时候您只需改变一下样式和大小,再将Js封装起来,用时候调用,就更简洁了,相信这款实用的文字滚动正是你需要的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http

html文字滚动代码 (转)

html文字滚动代码 代码如下<MARQUEE>滚动文字</MARQUEE> <marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" ><div align="left" ><br /></div ><center ><font face=&

Js间断/连续的文字滚动代码

Js间断/连续的文字滚动代码 Js文字滚动代码,可设置间断滚动和连续滚动.滚动时是向上滚动的,控制Li列表滚动,兼容性表现地不错,兼容IE/火狐.Opera等浏览器,代码如下: 01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 02 <html> 03 <head> 04 <title>文字间隔滚动代码-兼容IE和FireFox</title>

marquee|各种文字滚动代码(适用公告)

marquee|各种文字滚动代码(适用公告) 1.建立第一个滚动字幕.代码: <marquee scrollAmount=2 width=300>我钟意网页树树</marquee> 效果如: 我钟意网页树树 2.各参数详解: a)scrollAmount.它表示速度,值越大速度越快.如果没有它,默认为6,建议设为1-3比较好. b)width和height,表示滚动区域的大小,width是宽度,height是高度.特别是在做垂直滚动的时候,一定要设height的值.

javascript文字垂直滚动代码

javascript文字垂直滚动代码: 垂直滚动代码大多用于网站的新闻公告或者友情链接还有图片展示之类的功能结构,下面就介绍一个上下垂直滚动的新闻类的代码. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" />

js图片无缝滚动代码

想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和 demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,