700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js实现跟随鼠标移动且带关闭功能的图片广告实例【javascript】

js实现跟随鼠标移动且带关闭功能的图片广告实例【javascript】

时间:2023-01-31 12:43:39

相关推荐

js实现跟随鼠标移动且带关闭功能的图片广告实例【javascript】

web前端|js教程

js,跟随,鼠标,移动,带关闭功能,图片,广告

web前端-js教程

本文实例讲述了js实现跟随鼠标移动且带关闭功能的图片广告。分享给大家供大家参考。具体实现方法如下:

旅游预约系统源码,Vscode不识别结构体,ubuntu dock热键,TOMCAT下载网页文字,印度爬虫馆,php 中英文企业网站,天津正规的新站seo优化报价,帝国cms仿破晓电影网站源码,网站模板代理lzw

跟随鼠标移动且带关闭功能的图片广告<!--把下面代码加到与之间-->

//<![CDATA[

function badAD(html){

var ad=document.body.appendChild(document.createElement(div));

ad.style.cssText="border:1px solid #000;background:#FFF;position:absolute;padding:24px 4px 4px 4px;font: 12px/1.5 verdana;";

ad.innerHTML=html||This is bad idea!;

var c=ad.appendChild(document.createElement(span));

c.innerHTML="×";

c.style.cssText="position:absolute;right:2px;top:2px;cursor:pointer";

c.onclick=function (){

document.onmousemove=null;

this.parentNode.style.left=-99999px

};

document.onmousemove=function (e){

e=e||window.event;

var x=e.clientX,y=e.clientY;

setTimeout(function() {

if(ad.hover)return;

ad.style.left=x+5+px;

ad.style.top=y+5+px;

},120)

}

ad.onmouseover=function (){

this.hover=true

};

ad.onmouseout=function (){

this.hover=false

}

}

badAD(\)

//]]>

慕课网 源码,vscode中使用npm,ubuntu修改按键,如何用tomcat编译,有声小说 爬虫,php 获取电脑信息,赣州网络seo推广方案,园林公司网站源码,响应式网页设计模板lzw

随机视频播放源码,ubuntu网卡测速软件,爬虫获取房源信息,php框架swoole,迦洛seolzw

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