2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > JS实现网站悬浮广告的代码

JS实现网站悬浮广告的代码

时间:2018-07-06 12:56:08

相关推荐

JS实现网站悬浮广告的代码

web前端|js教程

javascript,代码,广告

web前端-js教程

本文主要和大家分享JS实现网站悬浮广告的代码,大家可以先看一下效果图,希望能帮助到大家。

中英文网站源码 免费,ubuntu解载ibus,scrapy爬虫代码实例,php 群发,原创seo文章lzw

如图

电脑制作动态图的源码,ubuntu无法连无线,tomcat突然用不了,爬虫族大军,php能单独运行吗,seo实战经验找行者SEOlzw

博客模板源码,vscode输出c语言乱码,ubuntu apt锁,tomcat监控页面关闭,收购爬虫计划,php读取图片并显示,seo优化内容包括哪些优化,微网站风格,健康网站 模板lzw

黄色区块会沿着浏览器的上下左右碰撞移动,可关闭,鼠标移上去会停止

广告*{pding:0px;margin:0px;}#ad{position:absolute;left:0px;top:0px;width:200px;height:50px;line-height:50px;text-align:center;color:black;background-color:orange;border-rius: 2%;}

广告位招商

//获取imgad=document.getElementById("ad");//初始化横坐标x=0;//设置纵坐标y=0;//设置加速度yv=10;xv=10;function fun(){//范围//左右if(xwindow.innerWidth-ad.offsetWidth){xv=-xv;}//上下if(ywindow.innerHeight-ad.offsetHeight){yv=-yv;}x+=xv;y+=yv;//获取到的x值赋值给ad的leftad.style.left=x+"px";//获取到的y值赋值给ad的topad.style.top=y+"px";}mytime=setInterval(fun,100);//给ad绑定鼠标移入事件ad.onmouseover=function(){//清除定时器clearInterval(mytime);}//鼠标移出ad.onmouseout=function(){mytime=setInterval(fun,100);}

JS实现悬浮移动窗口(悬浮广告)的特效

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。