zoukankan      html  css  js  c++  java
  • js跟随的广告

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    	img{ position:absolute; top:50px; left:0;}
    	p{ margin-left:200px;}
    </style>
    </head>
    
    <body>
    
    <img src="images/aside.jpg" id="pic"/>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    <p>1111111111,</p>
    
    
    </body>
    </html>
    <script src="images/my.js" type="text/javascript"></script>
    <script>
    window.onload =function(){
    	var pic = $("pic");
    	var leader = 0;
    	var target = 0;
    	var timer = null;
    	var top = pic.offsetTop;
    	window.onscroll = function(){
    		clearInterval(timer);
    		target=window.scroll().top+top;
    		timer=setInterval(function(){
    			leader=leader+(target-leader)/10;
    			pic.style.top = leader + 'px';
    			},10);	
    	}
    }
    </script>
    
  • 相关阅读:
    20191308《信息安全专业导论》第三周学习总结
    快速浏览教材
    2019-2020-1学期 20192408 《网络空间安全专业导论》第十二周学习总结
    第十一周第五小组讨论
    2019-2020-1学期 20192408《网络空间安全专业导论》第十一周学习总结
    第十周第五组小组讨论
    2019-2020-1学期 20192408 《网络空间安全专业导论》第十周学习总结
    第九周小组讨论第五组
    2019-2020-1学期 20192408 《网络空间安全专业导论》第九周学习总结
    第五小组第八周小组讨论
  • 原文地址:https://www.cnblogs.com/xiaomifeng/p/6795548.html
Copyright © 2011-2022 走看看