search

Home  >  Article  >  Web Front-end  >  2 types of jQuery to achieve scratch card effect_jquery

2 types of jQuery to achieve scratch card effect_jquery

WBOY
WBOYOriginal
2016-05-16 16:16:401340browse

The drag-and-scrape coating effect uses the draggable method of jquery UI

The following is the source code:

Copy code The code is as follows:

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

jQuery UI simulates scratching lottery ticket coating to display results






Note: IE6 is not supported!


Effect 1 (drag the gray bar):




Please scratch it completely to view the winning results.


Effect 2 (click the gray bar):




Please scratch it completely to view the winning results.





Here I would like to share with you the very commonly used special effects codes for scratching prizes. I hope you guys will like them.

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Some knowledge to effectively improve JavaScript execution efficiency_javascript skillsNext article：Some knowledge to effectively improve JavaScript execution efficiency_javascript skills

Related articles

See more