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！

 

 

效果一（拖曳灰條）：

 

 

 請完全刮開查看中獎結果。
 

 

 

效果二（點選灰條）：

 

 

 請完全刮開查看中獎結果。
 

 

 
 

這裡給大家分享的是十分常用的刮取的特效代碼，希望小夥伴們能夠喜歡。