首頁  >  文章  >  web前端  >  2種jQuery 實現刮刮卡效果_jquery

2種jQuery 實現刮刮卡效果_jquery

WBOY
WBOY原創
2016-05-16 16:16:401338瀏覽

其中拖曳刮塗層效果使用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">
 
 jQuery UI模擬刮樂塗層顯示結果
 
 
 

 
 
 
 
說明:不支援IE6!

 


 

效果一(拖曳灰條):


 

 

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

 


 

效果二(點選灰條):


 

 

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

 

 
 

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn