首页 > 网站 > WEB开发 > 正文

天猫双11红包前端jQuery

2024-04-27 15:02:55
字体:
来源:转载
供稿:网友

【01】

 
浏览器支持:IE10+和其他现代浏览器。
 
效果图:
 
123.gif
 
 
步骤:
 

HTML部分:

 
  1. <div class="opacity" style="display: none;"></div>
  2. <div class="red"><img src="asd23.png"></div>
  3. <div class="windows" style="display: none;">
  4. <div class="text"><a href="aa.html">恭喜抽中棒棒糖一枚!</a></div>
  5. <a href="saved_resource.html">
  6. <div class="close"><img src="close.png"></div>
  7. </a>
  8. </div>
 
说明:
  •     .opacity   是抽中奖的遮罩层;
  •     .red      是抽奖图片;
  •     .windows   是抽中奖的界面
 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表