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