基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

jquery网页特效之伸缩式页面底部悬浮抢红包源码

<script>
/*伸缩式页面底部悬浮抢红包*/
var hb=$('.hongbao-fixed');/*方便后面调用*/
var hb_del=$('#hongbao-del');
var hb_btn=$('#hongbao-btn');
try{
/*此处判断点击时设置的cookie值是否失效*/
if($.cookie("hongbao")!=1){
/*如果失效，就展开全屏悬浮广告，时间为500毫秒，并移除激活样式*/
hb.animate({'left':'0'},500).removeClass('on');
}else{
/*如果没有失效，即在有效期内，添加激活样式(控制缩略图状态)*/
hb.addClass('on');
}
}catch(e){}
/*点击关闭按钮时执行*/
hb_del.mousedown(function(){
try{
/*点击关闭按钮的那一刻，开始设置我们的全站cookie，并保存时间为1天(24小时)*/
$.cookie("hongbao",1,{path:'/',expires:1});
}catch(e){}
/*全屏的广告开始向左运动，直到看不到为止，时间为500毫秒*/
hb.animate({'left':'-100%'},500,function(){
/*当运动结束后，立即显示我们展开按钮（缩略广告）*/
hb_btn.show();
});
});
/*点击展开按钮时执行*/
hb_btn.mousedown(function(){
/*先隐藏自己，避免被人看到啦~*/
$(this).hide();
/*全屏广告开始向右运动至全屏显示，时间为500毫秒*/
hb.animate({'left':'0'},500);
});
</script>