[对联广告] JS脚本类


Posted in Javascript onAugust 27, 2006

//****************************************************************************************
//& 作者: 哇哇鱼
//& 日期: 2004年12月31日
//& 网站: http://www.13smile.com/
//& Blog: http://blog.csdn.net/bpfish
//& 名称: [对联广告] JS脚本类
//& 作用: 显示页面的对联广告
//& 方法:
//& SmileAdver.setLeftPos(10);          //设置左边对联的距页面左边的位置(PX)
//& SmileAdver.setLeftTop(150);         //设置左边对联的距页面顶部的位置(PX)
//& SmileAdver.setRightPos(10);         //设置右边对联的距页面右边的位置(PX)
//& SmileAdver.setRightTop(150);        //设置右边对联的距页面顶部的位置(PX)
//& SmileAdver.addLeftImage(链接,图片地址,链接目标,图片提示);      //添加左边对联广告的图片
//& SmileAdver.addRightImage(链接,图片地址,链接目标,图片提示);      //添加右边对联广告的图片
//& SmileAdver.scroll();                //显示对联广告
//&
//****************************************************************************************
function SmileAdver_Class(){
var leftImageArray = new Array();   //保存左边的广告图片数组
var rightImageArray = new Array();  //保存右边的广告图片数组
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;}   //非数字则默认为10
 leftPos = value;
}
this.setRightPos = function(value){
 if(isNaN(value)){value = 10;}   //非数字则默认为10
 rightPos = value;
}
this.setLeftTop = function(value){
 if(isNaN(value)){value = 150;}   //非数字则默认为150
 leftTop = value;
}
this.setRightTop = function(value){
 if(isNaN(value)){value = 150;}   //非数字则默认为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;
 }
}
//内部添加广告图片使用,如果没有图片地址,则返回一个null值,否则返回一个数组
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);
}
//内部显示图片横幅所用 showImageDiv(div的名称,div的摆放方向(left,right),div的摆放位置,div层距顶部的位置,显示的图片数组变量)
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>");
}
//滚动广告对联图片
this.scroll = function(){
 showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);
 showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);
 window.setInterval(scrollImage,1);
}
//内部使用用来滚动广告图片
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 相关文章推荐
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
Sep 12 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
html组件不可输入(只读)同时任何组件都有效
Apr 01 Javascript
javascript实现促销倒计时+fixed固定在底部
Sep 18 Javascript
vue.js从安装到搭建过程详解
Mar 17 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
vue插槽slot的简单理解与用法实例分析
Mar 14 Javascript
微信小程序实现发微博功能的示例代码
Jun 24 Javascript
根据分辨率不同,调用不同的css文件
Aug 25 #Javascript
mouse_on_title.js
Aug 25 #Javascript
新页面打开实际尺寸的图片
Aug 25 #Javascript
js获取变量
Aug 24 #Javascript
在b/s开发中经常用到的javaScript技术
Aug 23 #Javascript
两个SUBMIT按钮,如何区分处理
Aug 22 #Javascript
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 #Javascript
You might like
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
PHP memcache扩展的三种安装方法
2009/04/26 PHP
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
ext实现完整的登录代码
2008/08/08 Javascript
JavaScript学习笔记(一) js基本语法
2011/10/25 Javascript
页面实时更新时间的JS实例代码
2013/12/18 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
2016/05/10 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
2020/02/11 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
2020/10/14 Javascript
Python中的异常处理学习笔记
2015/01/28 Python
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
Python全栈之列表数据类型详解
2019/10/01 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
机械工程师的岗位职责
2013/11/17 职场文书
五分钟演讲稿
2014/04/30 职场文书
合同意向书范本
2014/07/30 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
获奖感言范文
2015/07/31 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
springboot如何初始化执行sql语句
2021/06/22 Java/Android
javascript函数式编程基础
2021/09/15 Javascript
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/06 PostgreSQL
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers