制作带关闭按钮的固定广告

需求说明
当滚动条向下或向右移动时，图片和关闭按钮随滚动条移动，相对于浏览器的位置固定
单击关闭按钮，页面中的图片和关闭按钮不显示

function adv_close(){document.getElementById("close").style.display="none";document.getElementById("float").style.display="none";
}
window.onload = function(){var img1 = document.getElementById("float");var top1 = img1.offsetTop;var left1 = img1.offsetLeft;var img2=document.getElementById("close");var top2 = img2.offsetTop;var left2 = img2.offsetLeft;window.onscroll = function(){img1.style.top = top1 + (document.documentElement.scrollTop || document.body.scrollTop) +"px";img1.style.left = left1 + (document.documentElement.scrollLeft || document.body.scrollLeft) +"px";img2.style.top = top2 + (document.documentElement.scrollTop || document.body.scrollTop) +"px";img2.style.left = left2 + (document.documentElement.scrollLeft || document.body.scrollLeft) +"px";}
}

<head lang="en"><meta charset="UTF-8">
<title>带关闭按钮的滚动广告</title>
<style type="text/css">body{width: 2000px;;}
#main{ text-align:center;}
#float{position:absolute;left:30px;top:60px; z-index:1;}
#close{position:absolute;top:60px;left:134px;z-index:2;cursor:hand;
}
</style><script rel="stylesheet" src="gundong.js" type="text/javascript"></script>
</head>
<body>
<div id="close" onclick="adv_close()"><img src="data:images/close.jpg"></div>
<div id="float"><img src="data:images/advpic.jpg"></div>
<div id="main"><img src="data:images/contentpic.jpg"></div>
</body>

制作带关闭按钮的固定广告相关推荐

带关闭按钮的滚动广告
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
php中的网页漂浮代码,JavaScript_Javascript实现带关闭按钮的网页漂浮广告代码，复制代码代码如下: html - phpStudy...
Javascript实现带关闭按钮的网页漂浮广告代码带关闭按钮的网页漂浮广告代码 X ff.js代码 var xPos = 20; var yPos = document.body.clientHe ...
简单网站侧边悬浮图片带关闭按钮广告代码
邯郸生活网www.mlhd.org 最近在放一个侧边的广告,网上看很多代码都很复杂,其实有一款比较简单的代码,也不需要调用更多的文件就可以,还带关闭按钮,足以满足将图片广告放入网站的侧边,左侧右侧均可 ...
html漂浮图片代码关闭,js带关闭按钮的网页漂浮广告代码
html head -="-Type"=";=GBK" 带关闭按钮的网页漂浮广告代码 body divid="img"style=" ...
Cytoscape制作带bar图和pie图节点的网络图
采用cytoscape制作带bar图和pie图节点的网络图作者:中科院微生物所陈亮博士本教程旨在告诉大家如何使用cytoscape根据Node信息表格制作带有barplot信息节点的网络图.以安 ...
WPF中制作带中国农历的万年历
WPF中制作带中国农历的万年历原文:WPF中制作带中国农历的万年历本例应用.net 2.0中的ChineseLunisolarCalendar类,制作出带中国农历的万年历. 先看看效果图片(已缩 ...
浮动窗口代码(带关闭按钮+全屏漂浮)
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
vue 带全选和多选的表格怎么写_EXCEL五分钟，批量制作带照片的工地出入证
作者:祝洪忠转自:Excel之家ExcelHome 小伙伴们好啊,今天和大家分享一个邮件合并的技巧--批量制作带照片的工地出入证. 先看效果图: 要准备的材料包括: 一.Excel资料表资料表中包 ...
一个带关闭按钮的Div窗口，很漂亮
<html> <head> <title>JS+CSS实现带关闭按钮的DIV弹出窗口</title> <script> function l ...

制作带关闭按钮的固定广告

制作带关闭按钮的固定广告相关推荐

最新文章

热门文章