[對聯(lián)廣告] JS腳本類
更新時間:2006年08月27日 00:00:00 作者:
//****************************************************************************************
//& 作者: 哇哇魚
//& 日期: 2004年12月31日
//& 網(wǎng)站: http://www.13smile.com/
//& Blog: http://blog.csdn.net/bpfish
//& 名稱: [對聯(lián)廣告] JS腳本類
//& 作用: 顯示頁面的對聯(lián)廣告
//& 方法:
//& SmileAdver.setLeftPos(10); //設置左邊對聯(lián)的距頁面左邊的位置(PX)
//& SmileAdver.setLeftTop(150); //設置左邊對聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.setRightPos(10); //設置右邊對聯(lián)的距頁面右邊的位置(PX)
//& SmileAdver.setRightTop(150); //設置右邊對聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.addLeftImage(鏈接,圖片地址,鏈接目標,圖片提示); //添加左邊對聯(lián)廣告的圖片
//& SmileAdver.addRightImage(鏈接,圖片地址,鏈接目標,圖片提示); //添加右邊對聯(lián)廣告的圖片
//& SmileAdver.scroll(); //顯示對聯(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; //默認為10
leftTop = rightTop = 150; //默認為150
this.setLeftPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認為10
leftPos = value;
}
this.setRightPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認為10
rightPos = value;
}
this.setLeftTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認為150
leftTop = value;
}
this.setRightTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認為150
rightTop = value;
}
//添加左邊的圖片廣告 addLeftImage(鏈接,圖片地址,鏈接目標,圖片提示)
this.addLeftImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
leftImageArray[leftImageArray.length] = imageArray;
}
}
//添加右邊的圖片廣告 addRightImage(鏈接,圖片地址,鏈接目標,圖片提示)
this.addRightImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
rightImageArray[rightImageArray.length] = imageArray;
}
}
//內(nèi)部添加廣告圖片使用,如果沒有圖片地址,則返回一個null值,否則返回一個數(shù)組
function getImageArray(href,image,target,title){
if(image == undefined){return null;} //沒有圖片地址,不添加
if(target == undefined || target == ""){target = "_blank"}; //默認為_blank打開方式
target = " target=\"" + target + "\"";
if(title == undefined){ //廣告圖片title提示
title = "" ;
}else{
title = " title=\"" + title + "\"";
}
//鏈接以www.開頭則自動加上http:// (否則鏈接時會鏈接錯誤)
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>");
}
//滾動廣告對聯(lián)圖片
this.scroll = function(){
showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);
showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);
window.setInterval(scrollImage,1);
}
//內(nèi)部使用用來滾動廣告圖片
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;
}
}
///////////////////////////////////////////類結束////////////////////////////////////////////////////////////////
/////////類的使用示例代碼////////////////////////////////////////////////
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
//& 名稱: [對聯(lián)廣告] JS腳本類
//& 作用: 顯示頁面的對聯(lián)廣告
//& 方法:
//& SmileAdver.setLeftPos(10); //設置左邊對聯(lián)的距頁面左邊的位置(PX)
//& SmileAdver.setLeftTop(150); //設置左邊對聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.setRightPos(10); //設置右邊對聯(lián)的距頁面右邊的位置(PX)
//& SmileAdver.setRightTop(150); //設置右邊對聯(lián)的距頁面頂部的位置(PX)
//& SmileAdver.addLeftImage(鏈接,圖片地址,鏈接目標,圖片提示); //添加左邊對聯(lián)廣告的圖片
//& SmileAdver.addRightImage(鏈接,圖片地址,鏈接目標,圖片提示); //添加右邊對聯(lián)廣告的圖片
//& SmileAdver.scroll(); //顯示對聯(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; //默認為10
leftTop = rightTop = 150; //默認為150
this.setLeftPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認為10
leftPos = value;
}
this.setRightPos = function(value){
if(isNaN(value)){value = 10;} //非數(shù)字則默認為10
rightPos = value;
}
this.setLeftTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認為150
leftTop = value;
}
this.setRightTop = function(value){
if(isNaN(value)){value = 150;} //非數(shù)字則默認為150
rightTop = value;
}
//添加左邊的圖片廣告 addLeftImage(鏈接,圖片地址,鏈接目標,圖片提示)
this.addLeftImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
leftImageArray[leftImageArray.length] = imageArray;
}
}
//添加右邊的圖片廣告 addRightImage(鏈接,圖片地址,鏈接目標,圖片提示)
this.addRightImage = function(href,image,target,title){
var imageArray = getImageArray(href,image,target,title);
if(imageArray != null){
rightImageArray[rightImageArray.length] = imageArray;
}
}
//內(nèi)部添加廣告圖片使用,如果沒有圖片地址,則返回一個null值,否則返回一個數(shù)組
function getImageArray(href,image,target,title){
if(image == undefined){return null;} //沒有圖片地址,不添加
if(target == undefined || target == ""){target = "_blank"}; //默認為_blank打開方式
target = " target=\"" + target + "\"";
if(title == undefined){ //廣告圖片title提示
title = "" ;
}else{
title = " title=\"" + title + "\"";
}
//鏈接以www.開頭則自動加上http:// (否則鏈接時會鏈接錯誤)
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>");
}
//滾動廣告對聯(lián)圖片
this.scroll = function(){
showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);
showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);
window.setInterval(scrollImage,1);
}
//內(nèi)部使用用來滾動廣告圖片
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;
}
}
///////////////////////////////////////////類結束////////////////////////////////////////////////////////////////
/////////類的使用示例代碼////////////////////////////////////////////////
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();
相關文章
javascript面向?qū)ο蟪绦蛟O計高級特性經(jīng)典教程(值得收藏)
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O計高級特性,結合實例形式詳細講述了javascript對象的創(chuàng)建,訪問,刪除,對象類型,擴展等,需要的朋友可以參考下2016-05-05javascript操作向表格中動態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細介紹了javascript操作向表格中動態(tài)加載數(shù)據(jù),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-08-08element-table表格中插入顏色塊顯示數(shù)據(jù)狀態(tài)的示例代碼
這篇文章主要介紹了element-table表格中插入顏色塊顯示數(shù)據(jù)狀態(tài),代碼部分分為dom部分和data部分及css部分,本文結合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12解決JS內(nèi)存泄露之js對象和dom對象互相引用問題
這篇文章主要介紹了解決JS內(nèi)存泄露之js對象和dom對象互相引用問題,需要的朋友可以參考下2017-06-06解決使用attachEvent函數(shù)時,this指向被綁定的元素的問題的方法
解決使用attachEvent函數(shù)時,this指向被綁定的元素的問題的方法...2007-08-08