首页 > 代码库 > 两侧跟随广告
两侧跟随广告
两侧跟随广告
思路:当鼠标滚动的时候左右两边广告跟着滚动
html
1 <div class="left"><img src="images/1.gif" alt=""/></div> 2 <div class="right"><img src="images/2.gif" alt=""/></div>
css
1 .left,.right{ 2 position: absolute; 3 top:80px; 4 } 5 .left{ 6 left: 0; 7 } 8 .right{ 9 right: 0; 10 }
jquery
1 $(function(){ 2 $(window).scroll(function () { 3 var top = $(document).scrollTop(); 4 $(".left").stop().animate({"top" : top + 50},600); 5 $(".right").stop().animate({"top" : top + 50},600); 6 7 // $(".left,.right").stop().animate({"top" : top + 50},600); 8 }); 9 });
两侧跟随广告
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。