[對(duì)聯(lián)廣告] JS腳本類
更新時(shí)間:2006年08月27日 00:00:00 作者:
//****************************************************************************************
//& 作者: 哇哇魚
//& 日期: 2004年12月31日
//& 網(wǎng)站: http://www.13smile.com/
//& Blog: http://blog.csdn.net/bpfish
//& 名稱: [對(duì)聯(lián)廣告] JS腳本類
//& 作用: 顯示頁面的對(duì)聯(lián)廣告
//& 方法:
//& SmileAdver.setLeftPos(10); //設(shè)置左邊對(duì)聯(lián)的距頁面左邊的位置(PX)
//& SmileAdver.setLeftTop(150); //設(shè)置左邊對(duì)聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.setRightPos(10); //設(shè)置右邊對(duì)聯(lián)的距頁面右邊的位置(PX)
//& SmileAdver.setRightTop(150); //設(shè)置右邊對(duì)聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.addLeftImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示); //添加左邊對(duì)聯(lián)廣告的圖片
//& SmileAdver.addRightImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示); //添加右邊對(duì)聯(lián)廣告的圖片
//& SmileAdver.scroll(); //顯示對(duì)聯(lián)廣告
//&
//****************************************************************************************
function SmileAdver_Class(){
var leftImageArray = new Array(); //保存左邊的廣告圖片數(shù)組
var rightImageArray = new Array(); //保存右邊的廣告圖片數(shù)組
var leftPos,rightPos; //leftPos = 左邊廣告的距左邊欄位置(px) rightPos = 右邊廣告的距右邊欄位置(px)
var leftTop,rightTop; //leftTop = 左邊廣告的距頂邊欄位置(px) rightTop = 右邊廣告的距頂邊欄位置(px)
var lastScrollY=0;
leftPos = rightPos = 10; //默認(rèn)為10
leftTop = rightTop = 150; //默認(rèn)為150
this.setLeftPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認(rèn)為10
leftPos = value;
}
this.setRightPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認(rèn)為10
rightPos = value;
}
this.setLeftTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認(rèn)為150
leftTop = value;
}
this.setRightTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認(rèn)為150
rightTop = value;
}
//添加左邊的圖片廣告 addLeftImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示)
this.addLeftImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
leftImageArray[leftImageArray.length] = imageArray;
}
}
//添加右邊的圖片廣告 addRightImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示)
this.addRightImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
rightImageArray[rightImageArray.length] = imageArray;
}
}
//內(nèi)部添加廣告圖片使用,如果沒有圖片地址,則返回一個(gè)null值,否則返回一個(gè)數(shù)組
function getImageArray(href,image,target,title){
if(image == undefined){return null;} //沒有圖片地址,不添加
if(target == undefined || target == ""){target = "_blank"}; //默認(rèn)為_blank打開方式
target = " target=\"" + target + "\"";
if(title == undefined){ //廣告圖片title提示
title = "" ;
}else{
title = " title=\"" + title + "\"";
}
//鏈接以www.開頭則自動(dòng)加上http:// (否則鏈接時(shí)會(huì)鏈接錯(cuò)誤)
if(href.toLowerCase().substring(0,4) == "www."){
href = "http://"; + href;
}
if(image.toLowerCase().substring(0,4) == "www."){
image = "http://"; + image;
}
return new Array(href,image,target,title);
}
//內(nèi)部顯示圖片橫幅所用 showImageDiv(div的名稱,div的擺放方向(left,right),div的擺放位置,div層距頂部的位置,顯示的圖片數(shù)組變量)
function showImageDiv(div,pos,posPX,topPx,imageArray){
var j;
document.write("<div id=\"" + div + "\" style=\"" + pos + ":" + posPX + "px;POSITION:absolute;TOP:" + topPx + "px;\">");
for(j=0; j< imageArray.length; j++){
document.write("<a href=\"" + imageArray[j][0] + "\" "+ imageArray[j][2]+ imageArray[j][3] + "><img src=\""+ imageArray[j][1] + "\" border=\"0\" "+ imageArray[j][3] + "></a>");
if(j != imageArray.length-1){document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=10></td></tr></table>");}
}
document.write("</div>");
}
//滾動(dòng)廣告對(duì)聯(lián)圖片
this.scroll = function(){
showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);
showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);
window.setInterval(scrollImage,1);
}
//內(nèi)部使用用來滾動(dòng)廣告圖片
function scrollImage(){
var diffY,percent;
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.smilediv1.style.pixelTop+=percent;
document.all.smilediv2.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
}
///////////////////////////////////////////類結(jié)束////////////////////////////////////////////////////////////////
/////////類的使用示例代碼////////////////////////////////////////////////
var SmileAdver = new SmileAdver_Class();
SmileAdver.setLeftPos(10);
SmileAdver.setRightPos(10);
SmileAdver.setLeftTop(150);
SmileAdver.setRightTop(150);
SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif";,"","asdfasdf");
SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.scroll();
//& 作者: 哇哇魚
//& 日期: 2004年12月31日
//& 網(wǎng)站: http://www.13smile.com/
//& Blog: http://blog.csdn.net/bpfish
//& 名稱: [對(duì)聯(lián)廣告] JS腳本類
//& 作用: 顯示頁面的對(duì)聯(lián)廣告
//& 方法:
//& SmileAdver.setLeftPos(10); //設(shè)置左邊對(duì)聯(lián)的距頁面左邊的位置(PX)
//& SmileAdver.setLeftTop(150); //設(shè)置左邊對(duì)聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.setRightPos(10); //設(shè)置右邊對(duì)聯(lián)的距頁面右邊的位置(PX)
//& SmileAdver.setRightTop(150); //設(shè)置右邊對(duì)聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.addLeftImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示); //添加左邊對(duì)聯(lián)廣告的圖片
//& SmileAdver.addRightImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示); //添加右邊對(duì)聯(lián)廣告的圖片
//& SmileAdver.scroll(); //顯示對(duì)聯(lián)廣告
//&
//****************************************************************************************
function SmileAdver_Class(){
var leftImageArray = new Array(); //保存左邊的廣告圖片數(shù)組
var rightImageArray = new Array(); //保存右邊的廣告圖片數(shù)組
var leftPos,rightPos; //leftPos = 左邊廣告的距左邊欄位置(px) rightPos = 右邊廣告的距右邊欄位置(px)
var leftTop,rightTop; //leftTop = 左邊廣告的距頂邊欄位置(px) rightTop = 右邊廣告的距頂邊欄位置(px)
var lastScrollY=0;
leftPos = rightPos = 10; //默認(rèn)為10
leftTop = rightTop = 150; //默認(rèn)為150
this.setLeftPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認(rèn)為10
leftPos = value;
}
this.setRightPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認(rèn)為10
rightPos = value;
}
this.setLeftTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認(rèn)為150
leftTop = value;
}
this.setRightTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認(rèn)為150
rightTop = value;
}
//添加左邊的圖片廣告 addLeftImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示)
this.addLeftImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
leftImageArray[leftImageArray.length] = imageArray;
}
}
//添加右邊的圖片廣告 addRightImage(鏈接,圖片地址,鏈接目標(biāo),圖片提示)
this.addRightImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
rightImageArray[rightImageArray.length] = imageArray;
}
}
//內(nèi)部添加廣告圖片使用,如果沒有圖片地址,則返回一個(gè)null值,否則返回一個(gè)數(shù)組
function getImageArray(href,image,target,title){
if(image == undefined){return null;} //沒有圖片地址,不添加
if(target == undefined || target == ""){target = "_blank"}; //默認(rèn)為_blank打開方式
target = " target=\"" + target + "\"";
if(title == undefined){ //廣告圖片title提示
title = "" ;
}else{
title = " title=\"" + title + "\"";
}
//鏈接以www.開頭則自動(dòng)加上http:// (否則鏈接時(shí)會(huì)鏈接錯(cuò)誤)
if(href.toLowerCase().substring(0,4) == "www."){
href = "http://"; + href;
}
if(image.toLowerCase().substring(0,4) == "www."){
image = "http://"; + image;
}
return new Array(href,image,target,title);
}
//內(nèi)部顯示圖片橫幅所用 showImageDiv(div的名稱,div的擺放方向(left,right),div的擺放位置,div層距頂部的位置,顯示的圖片數(shù)組變量)
function showImageDiv(div,pos,posPX,topPx,imageArray){
var j;
document.write("<div id=\"" + div + "\" style=\"" + pos + ":" + posPX + "px;POSITION:absolute;TOP:" + topPx + "px;\">");
for(j=0; j< imageArray.length; j++){
document.write("<a href=\"" + imageArray[j][0] + "\" "+ imageArray[j][2]+ imageArray[j][3] + "><img src=\""+ imageArray[j][1] + "\" border=\"0\" "+ imageArray[j][3] + "></a>");
if(j != imageArray.length-1){document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=10></td></tr></table>");}
}
document.write("</div>");
}
//滾動(dòng)廣告對(duì)聯(lián)圖片
this.scroll = function(){
showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);
showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);
window.setInterval(scrollImage,1);
}
//內(nèi)部使用用來滾動(dòng)廣告圖片
function scrollImage(){
var diffY,percent;
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.smilediv1.style.pixelTop+=percent;
document.all.smilediv2.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
}
///////////////////////////////////////////類結(jié)束////////////////////////////////////////////////////////////////
/////////類的使用示例代碼////////////////////////////////////////////////
var SmileAdver = new SmileAdver_Class();
SmileAdver.setLeftPos(10);
SmileAdver.setRightPos(10);
SmileAdver.setLeftTop(150);
SmileAdver.setRightTop(150);
SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif";,"","asdfasdf");
SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif");
SmileAdver.scroll();
您可能感興趣的文章:
- JS實(shí)現(xiàn)可關(guān)閉的對(duì)聯(lián)廣告效果代碼
- js 左右懸浮對(duì)聯(lián)廣告特效代碼
- js 左右懸浮對(duì)聯(lián)廣告代碼示例
- js寫出遮罩層登陸框和對(duì)聯(lián)廣告并自動(dòng)跟隨滾動(dòng)條滾動(dòng)
- w3c聲明下可運(yùn)行 兼容性比較好的js對(duì)聯(lián)廣告集合
- js 對(duì)聯(lián)廣告、漂浮廣告封裝類(IE,FF,Opera,Safari,Chrome
- 不用js多瀏覽器兼容純DIV/CSS對(duì)聯(lián)漂浮廣告代碼
- 對(duì)聯(lián)廣告js flash激活
- 符合標(biāo)準(zhǔn)的js對(duì)聯(lián)廣告
- JS實(shí)現(xiàn)很實(shí)用的對(duì)聯(lián)廣告代碼(可自適應(yīng)高度)
相關(guān)文章
javascript面向?qū)ο蟪绦蛟O(shè)計(jì)高級(jí)特性經(jīng)典教程(值得收藏)
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)高級(jí)特性,結(jié)合實(shí)例形式詳細(xì)講述了javascript對(duì)象的創(chuàng)建,訪問,刪除,對(duì)象類型,擴(kuò)展等,需要的朋友可以參考下2016-05-05jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果,需要的朋友可以參考下2014-04-04javascript操作向表格中動(dòng)態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了javascript操作向表格中動(dòng)態(tài)加載數(shù)據(jù),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08element-table表格中插入顏色塊顯示數(shù)據(jù)狀態(tài)的示例代碼
這篇文章主要介紹了element-table表格中插入顏色塊顯示數(shù)據(jù)狀態(tài),代碼部分分為dom部分和data部分及css部分,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12解決JS內(nèi)存泄露之js對(duì)象和dom對(duì)象互相引用問題
這篇文章主要介紹了解決JS內(nèi)存泄露之js對(duì)象和dom對(duì)象互相引用問題,需要的朋友可以參考下2017-06-06解決使用attachEvent函數(shù)時(shí),this指向被綁定的元素的問題的方法
解決使用attachEvent函數(shù)時(shí),this指向被綁定的元素的問題的方法...2007-08-08