2种jQuery 实现刮刮卡效果_jquery

其中拖拽刮涂层效果使用jquery UI的draggable方法

以下是源代码：

复制代码 代码如下:

 ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 http://www.w3.org/1999/xhtml">
 
 
 
 
 
 
 
 
 
 

说明：不支持IE6！

 

 

效果一（拖拽灰条）：

 

 

 请完全刮开查看中奖结果。
 

 

 

效果二（点击灰条）：

 

 

 请完全刮开查看中奖结果。
 

 

 
 

这里给大家分享的是十分常用的刮奖的特效代码，希望小伙伴们能够喜欢。