海之恋中左右滚动代码的使用_动易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模板