图片跟随滑动与关闭

来源：互联网发布：2017网络主播排行榜编辑：程序博客网时间：2024/05/16 18:51
<!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>
阅读全文
0 0