首页 > 其他 > 详细

图片跟着滚动条滚动

时间:2015-09-23 19:03:20      阅读:102      评论:0      收藏:0      [点我收藏+]

 <!--图片随滚动条滚动-->
    <script>
        guanggao = function (id, _top, _left) {
            var me = id.charAt ? document.getElementById(id) : id, d1 = document.body, d2 = document.documentElement;
            d1.style.height = d2.style.height = ‘100%‘; me.style.top = _top ? _top + ‘px‘ : 0; me.style[(_left > 0 ? ‘left‘ : ‘right‘)] = _left ? Math.abs(_left) + ‘px‘ : 0;
            me.style.position = ‘absolute‘;
            setInterval(function () { me.style.top = parseInt(me.style.top) + (Math.max(d1.scrollTop, d2.scrollTop) + _top - parseInt(me.style.top)) * 0.1 + ‘px‘; }, 10 + parseInt(Math.random() * 20));
            return arguments.callee;
        };
        window.onload = function () {
            guanggao
    (‘demo1‘, 200, 10)


        }
    
         
    </script>
<a href="#"><img src="http://portal.edu.huizhoucloud.com/sites/zkzx/w/mb4/skin_default/images/h1.png"id="demo1" /></a> 

图片跟着滚动条滚动

原文:http://www.cnblogs.com/G-XiaoHua/p/4832690.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!