码迷,mamicode.com
首页 > 其他好文 > 详细

图片跟着滚动条滚动

时间:2015-09-23 19:05:55      阅读:112      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!