海之戀中左右滾動代碼的使用_動易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模板