javascript浮动广告的实现

最新推荐文章于 2023-12-22 13:39:34 发布

gfdonx

最新推荐文章于 2023-12-22 13:39:34 发布

阅读量641

点赞数

分类专栏： java script

本文链接：https://blog.csdn.net/gfdonx/article/details/49513775

版权

java script 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
<script type="text/javascript">
window.onscroll = move;//当移动滚动的时候触发
var y;//保存初始的y值
/*在文档加载后将广告图片的y值传到全局变量吗*/
function init(){
	y = parseInt(document.getElementById("guangao").style.top);
}

/* 滚动页面要触发的函数 */
function move(){
//改变图片div的高度为初始高度加上滚动的高度;
var t= parseInt(document.body.scrollTop);
var s = y + t;
document.getElementById("guangao").style.top = s;

}

</script>
<title>无标题文档</title>
</head>

<body onLoad="init()">
<div>

</div>
<div id="guangao" style="width:200px;
height:200px;
margin-top:20px;
margin-left:30px;
border:1px solid red;
position:absolute;/*浮动层的绝对定位*/
left:12px;
top:20px;
z-index:1;/*在第一层*/ ">
<img src="../image/蜗牛.jpg" style="width:200px;
height:200px; ">
</div>
</body>
</html>

注意：头文件要去除

gfdonx

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript浮动广告的实现

window.onscroll = move;//当移动滚动的时候触发var y;//保存初始的y值/*在文档加载后将广告图片的y值传到全局变量吗*/function init(){ y = parseInt(document.getElementById("guangao").style.top);}/* 滚动页面要触发的函数 */function move(){//改变图片d
复制链接

扫一扫

专栏目录