关闭

箭头控制横向滚动图片

82人阅读 评论(0) 收藏 举报
分类:
 把如下代码复制到<head></head>之间
 
 

<SCRIPT language=JavaScript type=text/JavaScript>
<!--
var sh;
marqueesWidth=610;
preLeft=0; currentLeft=0; stopscroll=false; getlimit=0;preTop=0; currentTop=0;

function scrollLeft()
{
 if(stopscroll==true) return;
 preLeft=marquees.scrollLeft;
 marquees.scrollLeft+=2;
 if(preLeft==marquees.scrollLeft)
 {
  //marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
 }
}

function scrollRight()
{
 if(stopscroll==true) return;

 preLeft=marquees.scrollLeft;
 marquees.scrollLeft-=2;
 if(preLeft==marquees.scrollLeft)
 {
  if(!getlimit)
  {
   marquees.scrollLeft=templayer.offsetWidth*2;
   getlimit=marquees.scrollLeft;
  }
  marquees.scrollLeft-=1;
 }
}

function Left()
{
 stopscroll = false;
 sh = setInterval("scrollLeft()",20);
}

function Right()
{
 stopscroll = false;
 sh = setInterval("scrollRight()",20);
}

function StopScroll()
{
 stopscroll = true;
 clearInterval( sh );
}

 

function SelectType(value)
{
 document.all.sendForm.page.value = 1;
 document.all.sendForm.type.value = value;

 document.all.sendForm.submit();
}

function init()
{
 with(marquees)
 {
  style.height=0;
  style.width=marqueesWidth;
  style.overflowX="hidden";
  style.overflowY="visible";
  style.align = "center";
  noWrap=true;
 }
}


//-->
</SCRIPT>

 
 
 
 
修改<body>标签为
 
<body onload="init()">
 
 
 
 
 
把如下代码复制到<body></body>之间
 

<TABLE cellSpacing=1 width=660 align=center border=0>
<TR bgColor=#f8f8f8>
<TD align=middle width=25><IMG
      src="images/
/pointer-left.gif" border=0 onmouseout=StopScroll() onmouseover=Left() style="CURSOR: pointer"></TD>
    <TD>
      <DIV id=marquees>
      <TABLE border=0><TR>

<TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG class=imgframe

src='images/1.jpg' border=0></td>
</tr><tr><td><div align="center">第1期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/2.jpg' border=0></td>
</tr><tr><td><div align="center">第2期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/3.jpg' border=0></td>
</tr><tr><td><div align="center">第1期 </div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/4.jpg' border=0></td>
</tr><tr><td><div align="center">第1期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/5.jpg' border=0></td>
</tr><tr><td><div align="center">第2期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/6.jpg' border=0></td>
</tr><tr><td><div align="center">第3期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/7.jpg' border=0></td>
</tr><tr><td><div align="center">第4期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/8.jpg' border=0></td>
</tr><tr><td><div align="center">第5期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/9.jpg' border=0></td>
</tr><tr><td><div align="center">第6期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG

class=imgframe src='images/10.jpg' border=0></td>
</tr><tr><td><div align="center">第7期</div></td>
</tr></table></TD>     
</TR></TABLE></DIV>
<DIV id=templayer style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px"></DIV></TD>
<TD align=middle width=25><IMG
      src="images/
pointer-right.gif" border=0 onmouseout=StopScroll() onmouseover=Right() style="CURSOR: pointer"></TD>
</TR></TABLE>

 

 

 

0
0

猜你在找
【套餐】Hadoop生态系统零基础入门
【套餐】嵌入式Linux C编程基础
【套餐】2017软考系统集成项目——任铄
【套餐】Android 5.x顶级视频课程——李宁
【套餐】深度学习入门视频课程——唐宇迪
【直播】广义线性模型及其应用——李科
【直播】从0到1 区块链的概念到实践
【直播】计算机视觉原理及实战——屈教授
【直播】机器学习之凸优化——马博士
【直播】机器学习&数据挖掘7周实训--韦玮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:345034次
    • 积分:4259
    • 等级:
    • 排名:第7137名
    • 原创:775篇
    • 转载:135篇
    • 译文:1篇
    • 评论:20条
    最新评论