1 <script type="text/javascript"> 2 $(window).scroll(function () { 3 if ($(this).scrollTop() > 100) { 4 $(".wrap-float").stop().show().animate({ bottom: '10px' }, 300); 5 } 6 else { 7 $(".wrap-float").stop().animate({ bottom: '-430px' }, 300); 8 } 9 }); 10 $('.wrap-float').click(function () { 11 $(".fast-close").animate({ bottom: '-380px', opacity: '0' }, 500); 12 return false; 13 }); 14 15 </script>
第一个$中是判断滑动距离大于100,就执行一个if语;
第二个$是用来关闭弹窗,因为底部弹出有可能会遮盖访客想看的内容!
.wrap-float
.fast-close
是class的名字(;类名)
一些营销类网站应该需要这个