|
网页飘浮广告特效代码 |
| 来源：网络整理
作者：佚名 时间：2007-11-28 6:44:52 【字体：小
大】 [IE收藏] [QQ书签收藏] |
|
|
<script language="javascript">
//设置广告块
var divLeft=0;//设置广告块初始左边位置
var divTop=0;//设置广告块初始顶部位置
var divWidth=90;//设置广告块宽度
var divHeight=120;//设置广告块高度
var divImg="/uploadfile/UploadFile/20061122115721999.gif";//设置广告图片的URL地址
var divUrl="http://www.525asp.com";//设置广告链接
var divTitle="介绍\n介绍第二行\n介绍第三行";
document.write("<DIV id=\"adDiv\" style=\"position:absolute; left:"+divLeft);
document.write("px; top:"+divTop+"px; width:"+divWidth+"px; height:"+divHeight);
document.write("px; z-index:1;\" onMouseOver=\"javascript:window.clearInterval(varId)\"");
document.write(" onMouseOut=\"javascript:beginMoveAd();\"><a target=\"_blank\" href=\""+divUrl+"\">");
document.write("<img src=\""+divImg+"\" border=\"0\" alt=\""+divTitle+"\"></a></DIV>")
//飘浮广告
var _stepx=2;_stepy=2;//初始化每次偏离的象素
var moveSpeed=40;//速度
var varId;//获取setInterval的ID
function moveAd(){//飘浮广告主函数
var adLeft=parseInt(adDiv.style.left);
var adTop=parseInt(adDiv.style.top);
var adWidth=parseInt(adDiv.style.width);
var adHeight=parseInt(adDiv.style.height)
var _bodyLeft=document.body.scrollLeft;
var _bodyTop=document.body.scrollTop;
var _bodyHeight=document.body.clientHeight+_bodyTop;
var _bodyWidth=document.body.clientWidth+_bodyLeft;
if(adLeft<=_bodyLeft){
_stepx=2;
}
if(adTop<=_bodyTop){
_stepy=2;
}
if((adLeft+adWidth)>=_bodyWidth){
_stepx=-2
}
if((adTop+adHeight)>=_bodyHeight){
_stepy=-2
}
adDiv.style.left=adLeft+_stepx;
adDiv.style.top=adTop+_stepy;
}
function beginMoveAd(){//启动飘浮
varId=window.setInterval("moveAd()",moveSpeed)
}
window.onload=beginMoveAd;//给窗体的load事件附加飘浮函数
</script>
|
|
|
|
|
上一篇文章： 网页两侧随屏浮动广告代码附简单参数讲解下一篇文章： Javascript来改变图片大小 |
|
|
|
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系网站管理员，我们尽快予以更正。 |
|
|
|
|
