• 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>
    
  • 相关阅读:
    学电脑入门与提高
    Autodesk Revit Architecture 2014官方标准教程
    Photoshop移动UI界面设计实用教程 全彩超值版
    中文版SQL Server 2000开发与管理应用实例
    Excel2016数据处理与分析从新手到高手
    云计算(第三版)
    无线局域网搭建与管理
    R语言数据挖掘
    Spring 3.0就这么简单
    SVN使用教程总结
  • 原文地址:https://www.cnblogs.com/xiaomifeng/p/6795548.html
Copyright © 2020-2023  润新知