【購物網站】好用的圖片輪播廣告JavaScript源程式碼
【購物網站】好用的圖片輪播廣告JavaScript源程式碼
有些【購物網站】經營者非常喜歡掛:(圖片輪播廣告)
那你可以製作Flash+.xml(就像ECShop購物網站首頁…中間區塊那樣!)
那你如果是其他購物網站,其實也可以用:JavaScript程式碼來達到此目的!
你只要把下面源程式碼copy並修改相應的廣告位址,然後放進你的【購物網站】(模版)網頁中設好的廣告位置就好了。
共有2種方法,由各自自己取捨。
//後面是解說,只是解說程式作用→不會執行任何作用(你會用後…也可以刪除它)。
—————————————————————————–
方法1.【程式代碼】:
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
var how_many_ads = 4; //你要有幾個廣告輪播
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="http://por.tw"; //第一個廣告的目的網站網址(下同)
alt="互得行銷網";
banner="http://por.tw/logo.gif"; //該廣告顯示的圖片位址
width="468"; //廣告圖片的長度
height="60"; //廣告圖片的寬度
}
if (ad==2) {
url="http://www.第二個網站網址.com";
alt="第二個廣告站";
banner="第二個廣告顯示的圖片位址.gif";
width="468";
height="60";
}
if (ad==3) {
url="http://www.第三個網站網址.com";
alt="第三個廣告站";
banner="第三個廣告顯示的圖片位址.jpg";
width="468";
height="60";
}
if (ad==4) {
url="http://www.第四個網站網址.com";
alt="第四個廣告站";
banner="第四個廣告顯示的圖片位址.swf";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_blank">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End –>
</SCRIPT>
————————————————————————————-
方法2.【程式代碼】:
<script language=javascript>
<!–
adImages = new Array() //開一個新的Array物件,物件名為adImages.
adImages[0] = "../images/廣告檔案名一.gif"
adImages[1] = "../images/廣告檔案名二.jpg"
adImages[2] = "../images/廣告檔案名三.swf" //以上為要顯示廣告的位址
Links = new Array()
Links[0] = "網頁一.htm"
Links[1] = "網頁二.htm"
Links[2] = "網頁三.htm" //以上為配合廣告被點閱時,指定要連結的網頁
var currentAd = 0
var ImgNum = 3 //設定廣告數量,通常有幾個廣告,就應該設定相應的數字
function cycling() {
currentAd = currentAd + 1
if (currentAd == ImgNum) {
currentAd = 0
}
document.adarea.src = adImages[currentAd]