Three loading animation effects related to exam papers
Add-ons
Plugin Description: Includes three animation effects related to exam paper generation: generating exam papers, searching for questions, and loading.
Last Updated: 2019-08-24 13:18:49
Animation Effect Usage Instructions
1. Include the plugin CSS and plugin JS required for the animations, as follows:
1 2 | <link rel="stylesheet" href="znbkLoading/css/loading.css"><script src="znbkLoading/js/znbkLoading.js"></script> |
2. Create a div container to hold the animation, as follows:
1 | <div id="loading"></div> |
3. Initialize the animation method, as follows:
1 | znbkLoading.givePaper("loading");// Pass the ID of the div container as a parameter |
Built-in animation effects:
1. Left-to-right scrolling wave animation, call:
1 | znbkLoading.givePaper(); |
2. Breathing light flashing exam paper animation, call:
1 | znbkLoading.searchPaper(); |
3. Three-dot loading animation, call:
1 | znbkLoading.pont(); |
4. Question selection radar scanning animation, call:
1 | znbkLoading.radarPaper(); |
5. Progress bar loading animation, call:
1 | znbkLoading.drawPaper(); |
评论