解读海之恋中左右滚动代码的使用_动易Cms教程

问题：为什么将海之恋滚动代码拷贝到别的模板中无法使用？

解决方法：海之恋左右滚动代码是由两部分组成的。

一、控制JS代码。这一部分无需修改，直接拷到目的模板中即可。
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
var sh;
marqueesWidth=700;
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>

二、调用图片的标签。
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr><td width="1" bgcolor="#DADADA"></td>
    <td width="20" bgcolor="#F0F0F0" align="center"><img src="{$InstallDir}Skin/sealove/Dot_Left.gif" alt="向左滚动" onmouseout=StopScroll() onmouseover=Left() style="CURSOR: pointer"></td>
    <td bgcolor="#F0F0F0" align="center">
     <DIV id=marquees style="OVERFLOW: hidden; WIDTH: 560px; HEIGHT: 120px"> <!--{$GetPicPhoto(3,0,True,0,10,False,False,0,1,1,130,90,0,0,True,10)}--></div>
     <DIV id=templayer style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px"></DIV>
     </td>
    <td width="20" bgcolor="#F0F0F0" align="center"><img src="{$InstallDir}Skin/sealove/Dot_Right.gif" alt="向右滚动" onmouseout=StopScroll() onmouseover=Right()  style="CURSOR: pointer"></td>
    <td width="1" bgcolor="#DADADA"></td>
   </tr>
  </table>

也就是在海之恋的滚动代码中加入蓝色风格，对最新图片显示的宽度做一些限制，560px可以根据你的表格的宽度做一些调整。

查看更多 动易Cms教程  动易Cms模板