html实现日历签到页面,jquery每日签到日历插件

这是一款使用jquery来实现的每日签到日历插件源代码。该每日签到插件可以实现签到功能,查看签到次数等,非常实用。

使用方法

在页面中引入样式文件style.css,jquery.min.js和签到js主文件main.js。

HTML结构

签到界面的HTML结如下:

2016年1月6日
我的签到

今日已领0.1元,请明日继续签到

签到规则

首次签到获得0.05元现金奖励

连续签到每天增加0.01元现金奖励

连续签到16天及以上每天获得0.2元现金奖励

其他说明

如果中间有一天间断未签到的,重先开始计算连续签到时间。

连续签到获得奖励后分享到QQ空间、微信朋友圈后再获得一次奖励,每天只限分享一次。

获得的奖励不能直接提现,只能投资后转让变现。

展示我的签到的弹出层界面的HTML结构如下:

  • 连续签到

    5

  • 本月签到

    17

  • 总共签到数

    28

  • 签到累计奖励

    30

签到日期奖励说明

2016-1-6 14:23:450.20连续签到19天奖励
2016-1-6 14:23:450.20分享奖励
2016-1-6 14:23:450.20连续签到19天奖励
2016-1-6 14:23:450.20连续签到19天奖励
2016-1-6 14:23:450.20连续签到19天奖励
2016-1-6 14:23:450.20连续签到19天奖励
2016-1-6 14:23:450.20连续签到19天奖励
2016-1-6 14:23:450.20连续签到19天奖励

点击签到后的弹出层的HTML结构如下:

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值