Location：Home > JS special effects code
AngularJS picture gallery plugin with thumbnail switching
The effect of this gallery looks good, full-screen images with thumbnails and left and right switching arrows, implemented using AngularJS.
jQuery and HTML5 music player plugin
There are usually many flash music players, but you may have noticed that the flash players on these mobile devices do not work properly. This music player implemented using jQuery and HTML5 technology is perfectly compatible with mobile terminals.
HTML5 super cool video explosion effects
This HTML5 video fragmentation and reorganization special effect is very exciting and gives a powerful visual impact. Click anywhere in the video, HTML5 will crush these areas, and after a period of time, these crushed video fragments will automatically recombine. It is a very good HTML5 video effect.
jQuery picture next animation effect
There is an animation effect when the picture gallery is switched, and the previous and next buttons trigger the switching animation effect.
HTML5 video player plugin
Ckin is a beautiful HTML5 video player plug-in. The video player has three built-in skins, and allows you to modify the color of the control buttons, the transparency of the mask layer, and the video cover. Parameter configuration: data-ckin: the skin of the video player. Optional values are: default, minimum, compact. data-color: The color of the control button. Such as: data-color="#fff000". data-overlay: Add a mask layer to the video player. Optional values are 1 and 2. poster: Set the cover of the video. Such as: poster="video-background-image".
js drag and drop 360-degree 3D preview plugin
A 360-degree omnidirectional 3D preview plug-in for dragging pictures with the mouse implemented by js and CSS3 The plug-in can perform 3D rotation on a picture to achieve an effect similar to viewing a scene in a three-dimensional space.
3dEye.js drag product 360 degree rotating display plugin
3dEye.js can realize the effect of 3D mouse dragging pictures and 360° rotating animation to display the product effect, compatible with most mainstream browsers, compatible with Android and iOS!
jQuery online preview pdf file plugin
EZView.js is a jquery picture and pdf file preview plug-in. EZView.js can generate online preview effects for pictures and pdf files. The supported file formats are pdf, jpg, png, jpeg, gif.
Video player plugin jwplayer.js
jwplayer.js is a simple and portable video player plug-in, you can customize its player background image, video title and description;
Bootstrap latest works carousel display plugin
Based on the style of Bootstrap framework, combined with the owl.carousel.js carousel plug-in to construct the latest works display function. The left and right works pictures, the style described in the works on the right, and the switching effect when there are multiple works.
js and CSS3 flip page flip switching special effects
js and CSS3 flip-type page-turning switching effects. This special effect uses CSS Grid for layout, creating a page turning effect similar to a magazine.
js and CSS3 mouse hovering hyperlinks display picture effects
A js and CSS3 mouse hovering hyperlink to display picture effects. In this special effect, when the mouse hovers over the hyperlink, a set picture will be displayed below the hyperlink. This special effect provides 10 cool animation effects when opening pictures. This js and CSS3 mouse hovering hyperlink display picture special effect uses TweenMax to make animations and uses some new CSS3 features. Please check the effects in browsers that support these CSS3 features.
js mouse drag and drop 3d effect image
Use js to achieve the image 3d effect, and use the mouse to drag the special effect code to change the direction.
lottie.js character running animation
Use lottie.js animation plug-in to build the task running sample code, running with another person.
Marvel cover image grid layout
Grid style layout of Marvel movie cover pictures implemented in css style
js package love package animation
The emoji package realized by js code with animated avatar effect
jQuery front-end image compression plugin
jQuery front-end image compression plug-in, front-end image compression upload, reduce server pressure
jQuery image comparison
jQuery multi-image comparison function code, hold drag, zoom in, zoom out, rotate clockwise and counterclockwise, multiple windows open image preview function code.
Send voice effect like WeChat
Send voice effects like WeChat, press and slide up the recording icon to cancel. Only supports mobile preview, no effect on PC!
jQuery mouse controls the picture to scroll left and right
jQuery mouse controls the picture to scroll left and right, and changes the background picture animation effects. This special effect will switch the full-screen background image to the larger image of this thumbnail when the mouse is moved and hovered over a thumbnail.
