图片跟随滑动与关闭

最新推荐文章于 2022-12-06 15:27:30 发布

yueloveme

最新推荐文章于 2022-12-06 15:27:30 发布

阅读量307

点赞数

分类专栏： JAVA

本文链接：https://blog.csdn.net/yueloveme/article/details/77453288

版权

JAVA 专栏收录该内容

110 篇文章 0 订阅

订阅专栏

给大家推荐个靠谱的公众号程序员探索之路，大家一起加油

<!DOCTYPE html>
<html>
  <head>
    <title>ZzhJs7.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
		document.onmousemove=function positionBody(event){
			
			var thisScrollTop=document.body.scrollTop + document.documentElement.scrollTop;
			document.getElementById("guanggao").style.position="absolute";
			document.getElementById("guanggao").style.top=(200 + thisScrollTop) + "px";
		};
		
		function closegg(){
			document.getElementById("guanggao").style.display="none";		
		}
	</script>
  </head>
  
  <body>
    <div id="guanggao">
    	<div align="right"><img onclick="closegg()" src="images/close.png"/></div>
    	<img src="images/piaofu.jpg" width="100px" height="100px"/>
    
    </div>
      <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
    <p>2</p>
  </body>
</html>