用ASP.NET添加浮动广告

最新推荐文章于 2020-09-28 10:24:40 发布

tlljhj

最新推荐文章于 2020-09-28 10:24:40 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

文章标签： asp.net javascript border div class

本文链接：https://blog.youkuaiyun.com/tlljhj/article/details/6926096

本文将介绍如何在网页上创建一个始终跟随滚动条位置的动态浮动广告，并通过JavaScript实现其位置随页面滚动实时调整的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面的代码放到BODY中去

<div id="Javascript.Div" class="div" style="width:240px; height:90px;" align="center"><a href="这边放置你的广告需要链接到的地址"><img src="这边放你的广告图片的地址" /></a></div><SCRIPT LANGUAGE="JavaScript">function sc1(){ document.getElementById("Javascript.Div").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("Javascript.Div").offsetHeight; document.getElementById("Javascript.Div").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.Div").offsetWidth;;}</SCRIPT><SCRIPT LANGUAGE="JavaScript"></SCRIPT><div style="position: absolute; top: 0; left: 0; width:100px; height:1000px;"></div>

上面的代码可以实现在网页右下角始终停留有一个浮动广告并随着滚动条下移而下移