Js图片连续左右滚动
来源:互联网 发布:linux 进程启动时间 编辑:程序博客网 时间:2024/05/21 09:51
<title>Js图片连续滚动代码</title>
<IMG onMouseOver="moveThis('left')" style="CURSOR: pointer" onmouseout=moveout() height=30
src="6637716.gif" width=8>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=demo1>
<TABLE id=demo3 style="MARGIN-LEFT: 0px" cellSpacing=0
cellPadding=0 width=459 border=0 height=300px border=1>
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
</TABLE>
</TD>
<TD id=demo2></TD></TR></TABLE>
</DIV>
<IMG onMouseOver="moveThis('right')"
style="CURSOR: pointer" onmouseout=moveout() height=30
src="6637743.gif" width=8>
<SCRIPT language=javascript>
var speed=30;
demo2.innerHTML=demo1.innerHTML;
function MarqueeL(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth;
else
demo.scrollLeft++;
}
function MarqueeR(){
if(demo2.offsetWidth-demo.scrollLeft>=255)
demo.scrollLeft+=demo1.offsetWidth;
else
demo.scrollLeft--;
}
var flag=0;
var MyMar;
//var MyMar=setInterval(MarqueeL,speed);
demo.onmouseover=function() {if(MyMar){clearInterval(MyMar)}}
//demo.onmouseout=function() {MyMar=setInterval(MarqueeR,speed)}
function moveout(way)
{
if(MyMar)
{
clearInterval(MyMar);
}
}
function moveThis(way){
if(way=='right'){
flag=1;
if(MyMar)
{
clearInterval(MyMar);
}
MyMar=setInterval(MarqueeR,speed);
}
else{
flag=0;
if(MyMar)
{
clearInterval(MyMar);
}
MyMar=setInterval(MarqueeL,speed);
}
if(flag) demo.onmouseout=function() {MyMar=setInterval(MarqueeR,speed)}
else demo.onmouseout=function() {MyMar=setInterval(MarqueeL,speed)}
}
</SCRIPT>
<IMG onMouseOver="moveThis('left')" style="CURSOR: pointer" onmouseout=moveout() height=30
src="6637716.gif" width=8>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=demo1>
<TABLE id=demo3 style="MARGIN-LEFT: 0px" cellSpacing=0
cellPadding=0 width=459 border=0 height=300px border=1>
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
<img src="wall_s8.jpg" class="floatleft" />
</TABLE>
</TD>
<TD id=demo2></TD></TR></TABLE>
</DIV>
<IMG onMouseOver="moveThis('right')"
style="CURSOR: pointer" onmouseout=moveout() height=30
src="6637743.gif" width=8>
<SCRIPT language=javascript>
var speed=30;
demo2.innerHTML=demo1.innerHTML;
function MarqueeL(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth;
else
demo.scrollLeft++;
}
function MarqueeR(){
if(demo2.offsetWidth-demo.scrollLeft>=255)
demo.scrollLeft+=demo1.offsetWidth;
else
demo.scrollLeft--;
}
var flag=0;
var MyMar;
//var MyMar=setInterval(MarqueeL,speed);
demo.onmouseover=function() {if(MyMar){clearInterval(MyMar)}}
//demo.onmouseout=function() {MyMar=setInterval(MarqueeR,speed)}
function moveout(way)
{
if(MyMar)
{
clearInterval(MyMar);
}
}
function moveThis(way){
if(way=='right'){
flag=1;
if(MyMar)
{
clearInterval(MyMar);
}
MyMar=setInterval(MarqueeR,speed);
}
else{
flag=0;
if(MyMar)
{
clearInterval(MyMar);
}
MyMar=setInterval(MarqueeL,speed);
}
if(flag) demo.onmouseout=function() {MyMar=setInterval(MarqueeR,speed)}
else demo.onmouseout=function() {MyMar=setInterval(MarqueeL,speed)}
}
</SCRIPT>
0 0
- Js图片连续左右滚动
- js图片左右滚动
- js图片左右无缝滚动
- JS浏览图片,左右滚动效果
- js实现图片左右循环滚动
- JS无缝图片滚动(上下,左右)
- js图片轮播左右滚动
- js控制图片左右滚动,自动翻滚,图片滚动展示
- 图片向左连续滚动 js版
- 图片横向连续滚动js代码
- 上下左右连续滚动图片的JS代码
- 上下左右连续滚动图片的JS代码
- 上下左右连续滚动图片的JS代码
- 图片左右滚动
- 左右滚动图片
- 图片左右滚动代码
- 左右无缝滚动图片
- js图片根据鼠标左右滚动的效果
- leetcode.181. Employees Earning More Than Their Managers
- HDU 1072 Nightmare
- saltstack学习汇总
- [李景山php]每天laravel-20160910|Filesystem-1
- POJ 1654 Area
- Js图片连续左右滚动
- Android Studio常用快捷键(持续更新)
- 点除与矩阵除法
- JS图片切换,带缩略图版
- java-----容器类总结之ArrayList与LinkedList的区别
- Js拖动特效,一串水晶球(很强大)
- 工作五年总结
- Android Studio中设置作者和创建日期等注释模板
- ERROR:transport error 202: gethostbyname: unknown host