讓你的網站圖片滾動(2)_動易Cms教程
以下是首頁模板最新圖片部分代碼
動易Cms教程-讓你的網站圖片滾動(2)
以下是引用片段：
-----------------------------------
〈tr〉
〈td class=main_title_575〉〈B〉最新圖片〈/B〉〈/td〉
〈/tr〉
〈tr〉
〈td class=main_tdbg_575 vAlign=center align=middle
〈!--{$GetPicPhoto(3,0,True,0,4,False,False,0,1,1,130,90,20,0,True,4)}--〉 〈/td〉
〈/tr〉
------------------------------------
用以下是滾動代碼代替上面紅色的標簽部分，注重紅色部分的變化。
------------------------------------
〈!--滾動代碼開始--〉
〈div id=demo style="OVERFLOW: hidden; WIDTH: 560px; HEIGHT: 120px"〉
〈table cellPadding=0 align=left border=0 cellspace="0"〉
〈tr〉
〈td id=demo11 vAlign=top〉
〈!--{$GetPicPhoto(3,0,True,0,12,False,False,0,1,1,130,90,20,0,True,12)}--〉〈/td〉
〈td id=demo12 vAlign=top〉〈/td〉
〈/tr〉
〈/table〉
〈/div〉
〈SCRIPT〉
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft〈=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
〈/SCRIPT〉
〈!--滾動代碼結束--〉
-----------------------------------
2、文章頻道圖片向左滾動代碼 （效果演示）
以下是文章頻道模板最新圖片部分代碼
-----------------------------------
〈tr〉
〈td Class="main_title_575"〉〈b〉最新圖片{$ChannelShortName}〈/b〉〈/td〉
〈/tr〉
〈tr〉
〈td Class="main_tdbg_575"〉 {$GetPicArticle(ChannelID,0,True,0,4,false,false,0,3,2,130,90,20,0,True,4)} 〈/td〉
〈/tr〉
〈tr〉
〈td Class="main_shadow"〉〈/td〉
〈/tr〉
------------------------------------
用以下是滾動代碼代替上面紅色的標簽，注重紅色部分的變化。紅色數字代表了滾動圖片的總數（這里為8張）。
----------------------------------
〈!--滾動代碼開始--〉
〈div id=demo style="OVERFLOW: hidden; WIDTH: 560px; HEIGHT: 120px"〉
〈table cellPadding=0 align=left border=0 cellspace="0"〉
〈tr〉
〈td id=demo11 vAlign=top〉
〈!--{$GetPicArticle(ChannelID,0,True,0,8,false,false,0,3,2,130,90,20,0,True,8)}--〉〈/td〉
〈td id=demo12 vAlign=top〉〈/td〉
〈/tr〉
〈/table〉
〈/div〉
〈SCRIPT〉
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft〈=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
〈/SCRIPT〉
〈!--滾動代碼結束--〉
-----------------------------------
3、下載頻道圖片向左滾動代碼 （效果演示）
以下是下載頻道模板推薦下載圖片部分代碼
-----------------------------------
〈tr〉
〈td Class="main_title_575"〉〈table
〈tr〉
〈td〉〈b〉〈a class=’Class’ href="{$InstallDir}{$ChannelDir}/ShowElite.asp"〉推薦下載(圖)〈/a〉〈/b〉〈/td〉
〈td align="right"〉{$RssElite}〈/td〉
〈/tr〉
〈/table〉〈/td〉
〈/tr〉
〈tr〉
〈td align="center" Class="main_tdbg_575"〉 {$GetPicSoft(ChannelID,0,True,0,4,false,True,0,3,2,130,90,20,0,True,4)} 〈/td〉
〈/tr〉
------------------------------------
用以下是滾動代碼代替上面紅色的標簽，注重紅色部分的變化。紅色數字代表了滾動圖片的總數（這里為12張）。
------------------------------------
〈!--滾動代碼開始--〉
〈div id=demo style="OVERFLOW: hidden; WIDTH: 560px; HEIGHT: 120px"〉
〈table cellPadding=0 align=left border=0 cellspace="0"〉
〈tr〉
〈td id=demo11 vAlign=top〉
〈!--{$GetPicSoft(ChannelID,0,True,0,12,false,True,0,3,2,130,90,20,0,True,12)}--〉〈/td〉
〈td id=demo12 vAlign=top〉〈/td〉
〈/tr〉
〈/table〉
〈/div〉
〈SCRIPT〉
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft〈=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
〈/SCRIPT〉
〈!--滾動代碼結束--〉
------------------------------
從以上可以看出，滾動圖片代碼基本上是相同的，不同的是調用圖片的標簽變了。
------------------------------
二、向上滾動
向上滾動代碼使用方法同上左滾動代碼，這里只給出代碼，不再說明。
以下是文章頻道圖片調用的滾動代碼。
-----------------------------------------------------------
〈!--向上滾動代碼開始--〉
〈DIV id=rolllink style="OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 360px"〉
〈DIV id=rolllink1〉
〈TABLE cellSpacing=5
〈tr〉
〈td id=demo11 vAlign=top〉
〈!--{$GetPicArticle(0,0,True,0,6,false,false,0,3,2,160,100,20,0,True,1)}--〉 〈/td〉
〈td id=demo12 vAlign=top〉〈/td〉
〈/tr〉
〈/TABLE〉
〈/DIV〉
〈DIV id=rolllink2〉〈/DIV〉
〈/DIV〉
〈SCRIPT〉
var rollspeed=40
rolllink2.innerHTML=rolllink1.innerHTML
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop〈=0)
rolllink.scrollTop-=rolllink1.offsetHeight
else{
rolllink.scrollTop
}
。