zoukankan
html css js c++ java
JavaScript 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome)
<
script type
=
"
text/javascript
"
>
function
$(element)
{
if
(arguments.length
>
1
)
{
for
(
var
i
=
0
,elements
=
[],length
=
arguments.length;i
<
length;i
++
)
elements.push($(arguments[i]));
return
elements;
}
if
(
typeof
element
==
"
string
"
)
return
document.getElementById(element);
else
return
element;
}
Function.prototype.bind
=
function
(object)
{
var
method
=
this
;
return
function
()
{
method.apply(object,arguments);
}
}
var
Class
=
{
create:
function
()
{
return
function
()
{
this
.initialize.apply(
this
,arguments);
}
}
}
Object.extend
=
function
(destination,resource)
{
for
(
var
property
in
resource)
{
destination[property]
=
resource[property];
}
return
destination;
}
//
对联广告类
var
float_ad
=
Class.create();
float_ad.prototype
=
{
initialize:
function
(id,content,top,left,width)
{
document.write(
'
<div id=
'
+
id
+
'
style="position:absolute;">
'
+
content
+
'
</div>
'
);
this
.id
=
$(id);
this
.top
=
top;
if
(
!!
left)
{
this
.id.style.left
=
"
8px
"
;
}
else
{
this
.id.style.left
=
(document.documentElement.clientWidth
-
width
-
8
)
+
"
px
"
;
window.onresize
=
function
()
{
this
.id.style.left
=
(document.documentElement.clientWidth
-
width
-
8
)
+
"
px
"
;
}
.bind(
this
);
}
this
.id.style.top
=
top
+
"
px
"
;
this
.interId
=
setInterval(
this
.scroll.bind(
this
),
20
);
}
,
scroll:
function
()
{
this
.stmnStartPoint
=
parseInt(
this
.id.style.top,
10
);
this
.stmnEndPoint
=
document.documentElement.scrollTop
+
this
.top;
if
(navigator.userAgent.indexOf(
"
Chrome
"
)
>
0
)
{
this
.stmnEndPoint
=
document.body.scrollTop
+
this
.top;
}
if
(
this
.stmnStartPoint
!=
this
.stmnEndPoint )
{
this
.stmnScrollAmount
=
Math.ceil( Math.abs(
this
.stmnEndPoint
-
this
.stmnStartPoint )
/
15
);
this
.id.style.top
=
parseInt(
this
.id.style.top,
10
)
+
( (
this
.stmnEndPoint
<
this
.stmnStartPoint )
?
-
this
.stmnScrollAmount :
this
.stmnScrollAmount )
+
"
px
"
;
}
}
}
/**/
/*
//漂浮广告类
var move_ad=Class.create();
move_ad.prototype={
initialize:function(imgOption,initPosition,delay){
this.imgOptions=Object.extend({url:"",link:"",alt:"",120,height:120},imgOption||{});
this.adPosition=Object.extend({left:40,top:120},initPosition||{});
this.delay =delay;
this.step = 1;
this.herizonFlag=true;
this.verticleFlag=true;
this.id="ad_move_sg";
var vHtmlString="<div id='"+this.id+"' style='position:absolute; left:"+this.adPosition.left+"px; top:"+this.adPosition.top+"px; "+this.imgOptions.width+"px;";
vHtmlString+=" height:"+this.imgOptions.height+"px; z-index:10;'><a href='"+this.imgOptions.link+"' target='_blank' title='"+this.imgOptions.alt+"'><img src='"+this.imgOptions.url+"' width='"+this.imgOptions.width+"' height='"+this.imgOptions.height+"' style='border:none;' alt='"+this.imgOptions.alt+"' /></a></div>";
document.write(vHtmlString);
this.id=$(this.id);
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
this.id.onmouseover=this.stop.bind(this);
this.id.onmouseout=this.start.bind(this);
},
scroll:function(){
var L=T=0;
var B=document.documentElement.clientHeight-this.id.offsetHeight;
var R=document.documentElement.clientWidth-this.id.offsetWidth;
this.id.style.left=this.adPosition.left+document.documentElement.scrollLeft+"px";
this.id.style.top=this.adPosition.top+document.documentElement.scrollTop+"px";
this.adPosition.left =this.adPosition.left + this.step*(this.herizonFlag?1:-1);
if (this.adPosition.left < L) { this.herizonFlag = true; this.adPosition.left = L;}
if (this.adPosition.left > R){ this.herizonFlag = false; this.adPosition.left = R;}
this.adPosition.top =this.adPosition.top + this.step*(this.verticleFlag?1:-1);
if(this.adPosition.top <= T){ this.verticleFlag=true; this.adPosition.top=T;}
if(this.adPosition.top >= B){ this.verticleFlag=false; this.adPosition.top=B; }
},
stop:function(){
clearInterval(this.intervalId);
},
start:function(){
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
}
}
*/
/**/
/*
对联广告调用
第一个参数为ID,第二个参数图片,第三个参数广告距离顶部的距离,
第四个参数表示左右(true代表左,false代表右),第五个参数对联广告的宽度
*/
new
float_ad(
"
ad_QQ
"
,
"
<a href=\
"
http:
//
liuju150.cnblogs.com\"><img src='http://qun.qq.com/cgi/svr/face/getface?type=1&uin=995506774' border=\"0\" /></a>",500,true,64);
//
new float_ad("ad_QQ","<img src='http://jzyouth.org.cn/images/float/2009Cherry.gif' />",50,false,64);
/**/
/*
漂浮广告调用
第一个参数中的url代表漂浮广告的图片URL地址(必选项),link链接到页面网址,alt图片提示文字,width图片的宽度(可选项,默认120),heihgt图片的高度(可选项,默认120)
第二个参数中的代表漂浮广告的初始位置,由参数left和top指定
第三个参数代表浮动速度,0为静止,越小浮动速度越快
*/
/**/
/*
new move_ad({url:"http://qun.qq.com/cgi/svr/face/getface?type=1&uin=995506774",link:"http://liuju150.cnblogs.com",alt:"刘巨(艾梦尔的博客)",200,height:200},{left:40,top:160},20);
*/
<
/
script>
都看完了,你确定不点个赞再走?
查看全文
相关阅读:
《孙子兵法》【行军第九】
《孙子兵法》【虚实第六】
《孙子兵法》【地形第十】
企业无线局域网的搭建
企业无线局域网的搭建
UDDI
(转载)Linux:Ldd命令介绍及使用方法
(转载)传递给const引用形参的实参要求
(转载)千万不要把bool设计成函数参数
(转载)Linux下如何修改终端提示符?
原文地址:https://www.cnblogs.com/liuju150/p/1563326.html
最新文章
Yii数据库操作多表关联
在同一站点下,跨子域进行ajax通信的一种解决方法
无卡支付
MySQLMMM安装指南(MultiMaster Replication Manager for MySQL)
表单下拉选框及查询下拉选框
lamp安装配置详细过程(把以前的笔记贴上来)
yii集成phpexcel
虚拟卡系统
高性能Mysql主从架构的复制原理及配置详解
yii常用的两个url
热门文章
破解系列1《基础》
php curl 伪造ip
yii 操作session
《孙子兵法》【九地第十一】
《孙子兵法》【用间第十三】
奇门遁甲
人应该怎样活才不会后悔呢?
你在天堂里遇到的五个人
《孙子兵法》【九变第八】
《孙子兵法》【兵势第五】
Copyright © 2011-2022 走看看