Location：Home > JS special effects code
Scratch award special effects jquery.eraser eraser plugin
jquery.eraser is a plug-in that uses a mouse or touch to erase the real picture on the canvas. The principle of the jquery.eraser plug-in is to use a canvas to cover the picture, and then erase the picture on the canvas according to touch or mouse input. You can specify a callback function in the parameter to set the brush size.
ES6 cool switch button plugin
Use the iOS style switch button plugin written in ES6. The switch button has cool animation effects when switching states, supports npm installation, supports slots and custom styles, and is very convenient to use.
js+CSS3 custom mouse follow special effects
A js and CSS3 custom mouse following special effects. In this special effect, a DIV element is used to customize the mouse, the shape of the mouse is constructed through CSS code, and the animation of the mouse is driven through js code.
jQuery console auto input typewriter
jQuery simulates the console text automatic typewriter input, dynamic text is more conducive to attractive eyes, controllable and adjustable.
webkit leaves falling background special effects
An HTML5 leaf falling animation. This HTML5 leaf falling animation is based on the webkit core, so you need a webkit core browser to play the animation. The effect is really cool.
Transparent bubble ball collision JS code
Ten small balls appear at the same time and can be modified as needed. If you want the ball to appear randomly, you just need to annotate 58 lines of code and 57 lines of comments. This writing method is still very clear. After the test, the effect is still very good. You may think that the code is quite long, but the idea is quite clear: first, create the screen class, and give the ball movement and collision required by various attribute variables in the screen constructor, such as ballnum, spring, bounce, gravity, and so on Then use prototype prototype prototype to give corresponding functions, such as create ball, balls, hit balls, ball moving, add corresponding functions to each function, and finally click event with button to call function, that's all. I just annotate the effect of the click here, and the page will change randomly if I refresh it directly.
jQuery snow effect background plugin
A simple jQuery snow effect background plug-in, the snowflakes are replaced by small pictures, and the falling effect.
jQuery image falling hit CSS3 animation
TML5+CSS3 realizes the picture drag and drop collision sensing special effect code. Click the start button and the picture can be dragged after free fall. When the picture is dragged, it can backlog and collide with other pictures.
jQuery drop-down auto-completion plugin search
The drop-down completion plug-in similar to Baidu search is implemented using jQuery, and you can transform it into the content that the drop-down content dynamically reads from the database.
Bootstrap beautify jquery drop-down data country selection plugin
flagstrap is a jQuery drop-down data country selection plugin based on bootstrap3. The flagstrap plugin can create a country selection drop-down box with flag effect based on the bootstrap3 native selec drop-down selection box.
HTML5 Canvas rain animation background
Canvas simulates the rain effect, which can be used as the rain background of the webpage, and it has good rain animation effects.
Cute ghost CSS3 beating special effects code
Pure CSS3 beating ghost animation effect is a css3 drawing cartoon ghost ghost floating animation effect.
Pure css3 code to achieve picture switching plug-in arrow dot
You read that right, this image switching plugin does not use any js code. Usually we use js code to achieve click events and switching effects when we do image carousel switching. But this special picture carousel plug-in can be realized using only css3 code.
jQuery circle picture flip effect
Simple and interesting jQuery round picture card flip change effect
jQuery dot index image switching plugin
kinMaxShow is a full-screen adaptive focus map plug-in, which sets the img in the default structure as the container background image.
Canvas night forest HTML5 code
HTML5 code for animation effect of night forest based on Canvas
Pure css3 drawing chainsaw madman mask
Anyone who has watched the Mad Men movie of chainsaw knows this mask. It is a mask drawn with css3 code with animation effects.
dat.gui.js mouse following particle effects
Mouse following particle special effects based on dat.gui.js class library
Pure css3 small printer animation
The cartoon printer using pure css3 code to print animation, anthropomorphic cartoon printer code.
three.js Unreal particle ripple animation effects
Unreal particle ripple animation special effects based on three.js class library
