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

    跟随的广告

        <style>
            img{
                position: absolute;
                left:0;
                top:50px;
            }
            #demo{
                1000px;
                margin:0 auto;
            }
        </style>
    </head>
     
    <body>
    	<img src="images/aside.jpg" alt="" id="pic"/>
    <div id="demo">
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
       <p>天王盖地虎,小鸡炖蘑菇</p>
    </div>
    </body>
    </html>
    <script type="text/javascript">
    	var pic = document.getElementById("pic");
    	var picT = pic.offsetTop;  //50
    	window.onscroll = function(){
    		var sTop = document.documentElement.scrollTop || document.body.scrollTop;
    		//img它的top值要运动多少?  目标dis
    		var dis = picT + sTop;
    		move(pic,dis);
    	}
    	var timer = null;
    	function move(obj,target){
    		clearInterval(timer);
    		timer = setInterval(function(){
    			var speed = target - obj.offsetTop > 0 ? 5 : -5;
    			if(Math.abs(target - obj.offsetTop) < 5){
    				obj.style.top = target + "px";
    				clearInterval(timer);
    				return
    			}
    			obj.style.top = speed + obj.offsetTop + "px";
    		},20)
    	}
    </script>
    

      

  • 相关阅读:
    如果int x=20, y=5,则语句System.out.println(x+y +""+(x+y)+y); 的输出结果是()
    子父类存在同名成员时super的使用条件
    7mysql高级查询
    1udp编程
    6mysql外键
    4mysql数据表增删改查
    5mysql数据类型
    3mysql数据库操作
    2mysql基本使用
    1mysql安装
  • 原文地址:https://www.cnblogs.com/xiaoyaolang/p/11926279.html
Copyright © 2011-2022 走看看