Location：Home > JS special effects code > Carousel and switch
jQuery Mobile Picture Carousel Plugin
This jQuery carousel plug-in is mainly used on mobile devices, so we can’t click the switch button to switch pictures like other focus map plug-ins, but switch pictures by sliding the thumbnail with Tooltip appearance, and the picture is displayed in the center The effect of zooming in and out of the animation is good.
jQuery image advertising focus switch
A simple jQuery product display focus map switching plug-in. The image switching transition animation uses fade-in and fade-out animation effects. There are two switching buttons floating on the top and left. When the mouse moves over the image, the two switching buttons will be displayed. At the same time, we can also click on the row of buttons below the picture to switch to any picture.
Swiper.js mobile picture switching carousel plugin
Swiper.js is a picture and text content slider plug-in for mobile phones. The Swiper.js mobile picture slider plug-in to be shared today is very powerful. Similar to other jQuery focus map plug-ins, Swiper.js also provides picture sliding switch function , And supports the left and right arrow switching and the circular link point above the floating picture for quick switching. In addition, Swiper.js also supports auto play or mouse drag and slide.
jQuery automatic carousel chart slider plugin
A simple jQuery carousel slider plug-in, it does not have a very gorgeous switching animation, just a simple sliding in and out animation. It is also simple, the use of this jQuery focus map plug-in is very convenient, we only need to introduce the footstep library and perform simple settings to integrate it into your web page.
jQuery Cascading Picture Carousel Plugin
A jQuery cascading style picture switching carousel plug-in, except for the current picture, we can see part of all pictures, the next picture is displayed after the left and right arrows are switched, and the switching animation is a cascading effect.
jQuery product automatic carousel display plug-in
A creative jQuery product image automatic switching playback plug-in, the jQuery focus map we introduced before is either left-right switching, or up-down switching, and then comes with different transition animation effects. But this jQuery picture switching plug-in is a carousel switch along the arc, which is more three-dimensional, and it also supports automatic loop playback.
jQuery div layer overlay style switching plugin
Share a 3D flip carousel switching plug-in implemented by jQuery, which can superimpose many and divs. The switching effects and styles are very good. You can try this jQuery switching plug-in.
jQuery+swiper.js cool product switching slider effect
jQuery is based on swiper.js to make full-screen and atmospheric commodity sliding switching, adding the code of the collection animation interactive design page, and supporting functions such as size selection and collection.
js split screen display picture switching special effects
A js left and right side split screen animation carousel special effects. In this carousel special effect, the picture and the description text are separated on both sides of the screen. When the mouse scrolls up and down, the picture and the description text move up and down relative to each other. The effect is very cool.
Picture carousel plug-in index line animation
HTML5 and SVG line deformation animation effects. This special effect demo is an example of paging navigation in a carousel. Each paging dot has an SVG circular line. When the user clicks on other dots, the circular line moves to the next position in a smooth transition.
jQuery four grid window carousel diagram plug-in window.slider.js
jQuery four grid window carousel diagram plug-in. The jquery carousel diagram divides a window into four upper and lower grids, and then rotates the breakthroughs in the four grids respectively.
jQuery image rotation switching effect
The width of the container can be controlled by the parameter "width", "height" controls the height of the container, posterWidth" controls the picture width, "posterHeight" controls the picture height, "scale" controls the picture multiple, "speed" controls the time-consuming switching effect, "autoPlay" "Control whether to play automatically, "delay" controls the interval of each effect, and "verticalAlign" controls how the image is aligned.
TweenMax.js carousel diagram HTML5 animation
Based on the slider effect implemented by the TweenMax.js animation library, the js picture carousel plug-in, with animation effects when switching.
jQuery list item smooth scrolling plugin smooth-scrollbar.js
smooth-scrollbar.js is a smooth scrolling plug-in, which is a list item implemented using jQuery, which automatically switches the list item when the mouse is scrolled.
Pure css3 carousel slider effects
Carousel slider special effects implemented by pure css3 code, without using any JavaScript code to construct a carousel plug-in.
jQuery+SVG picture carousel slider plugin
Picture carousel slider plug-in implemented by jQuery+SVG
jQuery Image Symmetrical Split Carousel Plugin
A jQuery full-screen symmetrical split card carousel plug-in. The carousel plug-in uses jquery and TweenMax.js to make. In the layout, the picture and content are divided into two areas on the left and right. When the carousel is switched, there are some visual effects.
jQuery picture list tab switch
Based on jQuery-based picture list tab switching, make the website template picture tab switching effect. This is an atmospheric picture list tab code.
jQuery question and answer tab switch with icon
jQuery icon text question and answer center tab tab switching, making help center tab icon item content switching code. Registration/login, event setting, prize setting, event management, verification system, official account authorization tab switch page.
jQuery corporate logo image tab layout code
jQuery makes a grid layout of the logo images of cooperative clients, with arrow page turning control. Cooperative customers, customer voice tab layout switching effect code.
