html漂浮图片代码关闭,js带关闭按钮的网页漂浮广告代码

这段代码展示了一个实现网页漂浮广告的HTML和JavaScript实现,广告图片为'Flogo.png',具备自动改变位置的效果,并且当鼠标悬停时停止移动,点击可以打开大图,同时提供了一个红色的关闭按钮,实现隐藏广告的功能。
摘要由CSDN通过智能技术生成

html

head

-="-Type"=";=GBK"

带关闭按钮的网页漂浮广告代码

body

divid="img"style="position:absolute;left:311;top:815;visibility:hidden;"οnmοuseοver="clearInterval(interval)"οnmοuseοut="interval=setInterval('changePos()',delay)"align="right"

imgborder="0"src="https://static3.51cto.com/home/web/p_w_picpaths/Flogo.png"οnlοad="returnimgzoom(this,600);"οnclick="javascript:window.open(this.src);"style="cursor:pointer;"/

spanstyle="CURSOR:hand;color:red;font-weight:bold"οnclick="clearInterval(interval);img.style.visibility='hidden'"X/span

/div

scriptlanguage=javascript

varxPos=20;//fromalixixi.com

varyPos=document.body.clientHeight;

varstep=1;

vardelay=30;

varheight=0;

varHoffset=0;

varWoffset=0;

varyon=0;

varxon=0;

varpause=true;

varinterval;

img.style.top=yPos;

functionchangePos(){

width=document.body.clientWidth;

height=document.body.clientHeight;

Hoffset=img.offsetHeight;

Woffset=img.offsetWidth;

img.style.left=xPos+document.body.scrollLeft;

img.style.top=yPos+document.body.scrollTop;

if(yon){

yPos=yPos+step;

}

else{

yPos=yPos-step;

}

if(yPos0){

yon=1;

yPos=0;

}

if(yPos=(height-Hoffset)){

yon=0;

yPos=(height-Hoffset);

}

if(xon){

xPos=xPos+step;

}

else{

xPos=xPos-step;

}

if(xPos0){

xon=1;

xPos=0;

}

if(xPos=(width-Woffset)){

xon=0;

xPos=(width-Woffset);

}

}

functionstart(){

img.style.visibility="visible";

interval=setInterval('changePos()',delay);

}

start();

/script

/body

/html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值