檔案
swish.asp 用以呼叫JS的頁面
ebookmian_banner.js 切換廣告的語法頁面

備註:檔名需改為asp 並且上傳至網站才能被執行

 

ebookmian_banner.js內容

document.write('<link rel="stylesheet" href="/BIG5/literature/class_banner.css" type="text/css" />');
var imgWidth=530;
var imgHeight=180;
var _timeOut_=13000;
var timeOut=_timeOut_;
var timeOut2=_timeOut_/2;
var adNum=0; var target="_blank"; var button_Texton='#000000'; var button_Textoff='#ffffff';
var buttonLineOn="#99CC33"; var buttonLineOff="#333333"; 
var imgUrl=new Array();
var imgText=new Array();
var imgLink=new Array();
var imgAlt=new Array();

var ver=2; var firstTime=true;
document.write('<div id="ad_pic" class="block02">');
document.write('<div id="f_div">');
document.write('<div id="f_imgDiv">');

imgUrl[1]='http://圖片網址.gif';
imgText[1]='文字';
imgLink[1]='圖片連結網址';

imgUrl[2]='http://圖片網址.gif';
imgText[2]='文字';
imgLink[2]='圖片連結網址';

imgUrl[3]='http://圖片網址.gif';
imgText[3]='文字';
imgLink[3]='圖片連結網址';

imgUrl[4]='http://圖片網址.gif';
imgText[4]='文字';
imgLink[4]='圖片連結網址';

imgUrl[5]='http://圖片網址.gif';
imgText[5]='文字';
imgLink[5]='圖片連結網址';

function b_change(n){
adNum=n; window.clearInterval(theTimer); adNum=adNum-1; change();
}

//計算筆數
var count=0;
for (var i=0;i<imgUrl.length;i++) {
if( (imgUrl[i]!="") && (imgText[i]!="")&& (imgLink[i]!="")) {
count++;
} else {
break;
}
}
//重寫css的寬
var each_width=Math.ceil((imgWidth-(count-1))/count);
var last_width=imgWidth-each_width*(count-1)-(count)+1;
function change(){
if(adNum<(imgUrl.length-1))adNum++;
else adNum=1;
theTimer=setTimeout("change()", timeOut);
document.getElementById("f_img").src=imgUrl[adNum];
//var f_img=document.getElementById("f_img");
//f_img.src=imgUrl[adNum];
document.getElementById("f_imgLink").href=imgLink[adNum];
for (var i=1;i< count;i++){
if (i !=adNum){
document.getElementById('b'+i).className="button";
}
document.getElementById('b'+adNum).className="on"; }
}
document.write('<a id="f_imgLink" href="'+imgLink[adNum]+'" target=_blank><img id="f_img" src="" width='+imgWidth+' height='+imgHeight+' border="0"></a>');
document.write('</div>');
document.write('<div id="f_infoDiv">');
document.write('<div id="f_buttonDiv">');
for (var i=count-1;i>=1;i--){
document.write('<div id="div_bg'+i+'" class="bg"><a id="b'+i+'" href="javascript:b_change('+i+')" class="button">'+imgText[i]+'</a></div>');
}
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('</div>'); change();

 

swish.asp 內容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>無標題文件</title>
</head>

<body>
<script src="ebookmain_banner.js" type="text/javascript"></script>
</body>
</html>

此頁用以呼叫ebookmain_banner.js

 

展示頁面

      

創作者介紹
創作者 咪咪醬 的頭像
咪咪醬

咪咪醬‧阿財肥貓俱樂部

咪咪醬 發表在 痞客邦 留言(0) 人氣()