更多>
最新下载
Bootstrap复选框样式美化特效
Bootstrap复选框样式美化特效是一款基于jQuery实现的bootstrap美化单复选框特效代码。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-14
CSS3实现水位充满文字特效
CSS3实现水位充满文字特效是一款既是Loading特效也是文字特效,Loading动画开始时,文字中的水位渐渐上升,为了模拟水位上升的真实效果,水面还会波浪浮动,当Loading动画结束时,文字中的水位又会渐渐退去,动画效果和上升类似,这样周而复始,从而达到很酷HTML5 Loading动画效果。
0
2026-01-14
24小时阅读排行榜
- 1 Kotlin Serialization怎么序列化为XML
- 2 怎么比较两个XML文件的差异 在线XML Diff工具
- 3 如何在 Go 中同时监听发送与接收通道而不占用 CPU
- 4 css 想给表单复选框未选状态添加图标怎么办_使用 ::before 伪元素与 :not(:checked)
- 5 ASP.NET Core怎么实现输出缓存 Output Caching配置方法
- 6 Golang网络请求慢怎么优化_连接复用与超时设置说明
- 7 如何使用 Flask + Socket.IO 实时流式传输大型日志文件到前端
- 8 Go 中对链表元素进行字符串类型断言的正确方法
- 9 mysql在mac环境如何搭建_mysql mac安装步骤
- 10 如何在 Beego 中正确返回 JSON 响应供前端 AJAX 调用
- 11 如何将 HTML 输入段落化并实现点击激活交互
- 12 Go基准测试适合测试哪些场景_Go性能评估建议
- 13 mysql安装完成后配置SSL加密连接的方法
- 14 在线XML压缩怎么用 XML代码最小化工具
- 15 如何在 Blogger 中创建一个动态表单并生成可复制的 HTML 代码
更多>
最新教程
-
- Node.js 教程
- 15526 2025-08-28
-
- CSS3 教程
- 1544703 2025-08-27
-
- Rust 教程
- 22807 2025-08-27
-
- Vue 教程
- 25280 2025-08-22
-
- PostgreSQL 教程
- 21858 2025-08-21
-
- Git 教程
- 8870 2025-08-21
HTML5手机微信抢红包福利袋游戏代码
HTML5手机微信抢红包福利袋游戏代码是一款手机移动端红包雨效果源码。
js代码
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/rain.js" ></script>
<script>
$(function(){
var countdown=$(".countdown_num").html();
var interval1=setInterval(function(){
if (countdown == 0){
clearInterval(interval1);
$(".rain-wrap").show();
$(".countdown").hide();
var a =0;
function clickFun(){
var src=$(this).attr("src");
src=src.substring(src.length-5,src.length-4);
if(src>=3 && src<6){$(this).attr("src","images/fd7.png");}
else if(src<3 && src<6){$(this).attr("src","images/fd6.png");}
$(this).fadeOut(500);
a++;
if(a == 5){
$(".pop,#fd_pop6,#win_pop1").show();
$(".rain-wrap,#fd_pop2").remove();
}
}
$('.rain-wrap').redEnvelope({'clickFun':clickFun});
var over_time=$(".date_time").html();
var interval2=setInterval(function(){
if (over_time == 0){
clearInterval(interval2);
$(".pop,#fd_pop2").show();
$(".rain-wrap").remove();
}
else
{
over_time--;
$(".date_time").html(over_time);
}
} ,1000);
}
else
{
countdown--;
$(".countdown_num").html(countdown);
}
} ,1000);
})
</script>
js代码
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/rain.js" ></script>
<script>
$(function(){
var countdown=$(".countdown_num").html();
var interval1=setInterval(function(){
if (countdown == 0){
clearInterval(interval1);
$(".rain-wrap").show();
$(".countdown").hide();
var a =0;
function clickFun(){
var src=$(this).attr("src");
src=src.substring(src.length-5,src.length-4);
if(src>=3 && src<6){$(this).attr("src","images/fd7.png");}
else if(src<3 && src<6){$(this).attr("src","images/fd6.png");}
$(this).fadeOut(500);
a++;
if(a == 5){
$(".pop,#fd_pop6,#win_pop1").show();
$(".rain-wrap,#fd_pop2").remove();
}
}
$('.rain-wrap').redEnvelope({'clickFun':clickFun});
var over_time=$(".date_time").html();
var interval2=setInterval(function(){
if (over_time == 0){
clearInterval(interval2);
$(".pop,#fd_pop2").show();
$(".rain-wrap").remove();
}
else
{
over_time--;
$(".date_time").html(over_time);
}
} ,1000);
}
else
{
countdown--;
$(".countdown_num").html(countdown);
}
} ,1000);
})
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
