图片或文字或图文混合连续滚动
来源:互联网 发布:电子数据取证规则 编辑:程序博客网 时间:2024/05/22 01:56
//向左连续滚动
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 381px;valign:top">
<!--定义DIV为DEMO-->
<!--DIV定义一个层用于装载需要滚动的表格 注意表格中所有元素的宽度要比上面定义的WIDTH要大,否则不能连续滚动-->
<!--如果是数据库操作,在这里得到需要显示的图片及文字-->
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr><td id=demo1>
<!--本TD定义为DEMO1-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<!--这里是放图片的地方,由于我使用 PHP因此写的是PHP格式,可以使用任何语言在这里得到图片或是静态皆可-->
<?php echo $midshow[1];?>
</td>
<td> </td>
<!--这里产生一个空隙-->
<td>
<?php echo $midshow[2];?>
<td> </td>
<td>
<?php echo $midshow[3];?>
<td> </td>
<td>
<?php echo $midshow[4];?>
<td> </td>
<td>
<?php echo $midshow[5];?>
</td>
</tr>
<tr>
<!--这里是放文字介绍的地方-->
<td><p align="center">
<?php echo $middownshow[1];?></p>
</td>
<td> </td>
<td><p align="center">
<?php echo $middownshow[2];?></p>
</td>
<td> </td>
<td><p align="center">
<?php echo $middownshow[3];?></p>
</td>
<td> </td>
<td><p align="center">
<?php echo $middownshow[4];?></p>
</td>
<td> </td>
<td><p align="center">
<?php echo $middownshow[5];?></p>
</td>
</tr>
</table></td><td id=demo2> <!--本TD 定义为DEMO2--> </td></tr></table>
<SCRIPT language="javascript">
<!--
var speed=20
//原理是不断的向DEMO2中填入DEMO1中的内容,然后将已经看不见的清除
//用一个两列一行的表格,左边再放一个装填有内容的表格,定义为DEMO1,右边是空的TD,定义为DEMO2
//SPEED是用来控制速度的。
demo2.innerHTML=demo1.innerHTML
function Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{ demo.scrollLeft++ } }
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
//-->
</SCRIPT>
</div>
</body>
</html>
//向上连续滚动
<!--上面已经作了详细注释,以下就不做注释了。。。-->
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 240px;valign:top">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=demo1>
<TABLE cellSpacing=0 cellPadding=3 border=0 width="141">
<TBODY>
<TR>
<TD vAlign=top><A href="<?php echo $midlink[1];?>">
<img src="<?php echo $midshow[1];?>" border=0></A>
</TD>
</TR>
<TR>
<TD vAlign=top><a href="<?php echo $midlink[2];?>">
<img src="<?php echo $midshow[2];?>" border=0></a></TD>
</TR>
<TR>
<TD vAlign=top><a href="<?php echo $midlink[3];?>">
<img src="<?php echo $midshow[3];?>" border=0></a></TD>
</TR>
<TR>
<TD vAlign=top><a href="<?php echo $midlink[4];?>">
<img src="<?php echo $midshow[4];?>" border=0></a></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=demo2 vAlign=top> </TD>
</TR>
</TBODY>
</TABLE>
</DIV><SCRIPT>
var speed=20
//原理是不断的向DEMO2中填入DEMO1中的内容,然后将已经看不见的清除
//用一个两行一列的表格,上一列再放一个装填有内容的表格,定义为DEMO1,下一列是空的TD,定义为DEMO2
//SPEED是用来控制速度的。
demo2.innerHTML=demo1.innerHTML
function Marquee(){if(demo2.offsetHeight-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>
- 图片或文字或图文混合连续滚动
- 图片或文字或图文混合连续滚动
- 文字或图片上下滚动
- 图片或文字的上下左右滚动
- 图片或文字上下左右滚动【JS向上滚动、JS向下滚动、JS向左滚动、JS向右滚动】【整理综合】
- 图片或文字上下左右滚动【JS向上滚动、JS向下滚动、JS向左滚动、JS向右滚动】【整理综合】
- marquee滚动字幕或图片
- 图片加水印或文字
- PHP对接微信公众号,并实现返回给用户文字或图片或图文的内容。
- 图文混排中,在textView的指定光标下插入文字或图片
- 一段按页自动滚动文字或图片的Js代码
- 网页中实现文字或图片向上不间断滚动的javascript代码
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- JS实现div内部的文字或图片自动循环滚动
- JS实现div内部的文字或图片自动循环滚动
- 文字滚动应用,禁止鼠标控制暂停或滚动
- 图片或文章列表滚动效果
- 一些感兴趣的文章的链接(看后删除)
- text1
- 我们最后一次晚餐:离婚前,再感动一次
- MFC对话框程序中添加工具栏及工具栏上的Button响应UPDATE_COMMAND_UI消息
- 梦难留 - 郭富城
- 图片或文字或图文混合连续滚动
- 关于分页类的改进....
- C# 读写注册表
- 韵律和我……歌颂音乐的音乐《最好的声音》
- HP小型机软件故障诊断
- 简述Struts流程
- [转]Unit Test 原则
- 万网ORACLE注入漏洞详细手记
- 给DBGrid添加鼠标滚动事件