两侧跟随广告
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 .left,.right{ 8 position: absolute; 9 top:80px; 10 } 11 .left{ 12 left: 0; 13 } 14 .right{ 15 right: 0; 16 } 17 </style> 18 <script type="text/javascript" src="../jquery-1.11.1.min.js"></script> 19 <script type="text/javascript"> 20 $(function(){ 21 $(window).scroll(function () { 22 var scrollTop = $(document).scrollTop(); 23 24 $(".left,.right").stop().animate({"top" : scrollTop + 50},600); 25 }); 26 }); 27 </script> 28 </head> 29 <body> 30 <div class="left"><img src="images/1.gif" alt=""/></div> 31 <div class="right"><img src="images/2.gif" alt=""/></div> 32 <p>我们的开始,是很长的电影</p> 33 <p>我们的开始,是很长的电影</p> 34 35 </body> 36 </html>
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;