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>
    
  • 相关阅读:
    C# WM_NCMOUSELEAVE 消息触发
    C#常用集合的使用(转载)
    关于直播,所有的技术细节都在这里了(转载)
    C# Winform 窗体美化
    正则表达式符号全解析
    C#中List<T>转DataTable
    C#中的Queue集合
    C#中Stack集合
    智能信息处理
    Mysql
  • 原文地址:https://www.cnblogs.com/xiaomifeng/p/6795548.html
Copyright © 2011-2022 走看看