SlidesJS, jqueryslidesjs
SlidesJS is a veteranJQueryAfter years of development, the slide plug-in has become a fully functional and well-designed slide plug-in. Supports loop, automatic playback, and fade-in and fade-out transition effects, and automatically generates pagination, which helps developers produce elegant slide effects.
Demo of plug-in download Effect
Example:
<!doctype html>
Articles you may be interested in
- 10 useful results in Web development [Source Code download]
- Excellent jQuery Ajax paging plug-ins and tutorials carefully selected
- 12 amazing creative 404 error page Designs
- Let the website get started! 12 excellent jQuery animation plug-ins
- 8 amazing HTML5 and JavaScript Effects
Link to this article: Nivo Slider-the best jQuery image carousel plug-in the world
Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources
JQuery JavaScript image scrolling
This technical component is called slider in English, so you can search for this keyword, which is called slider. I recommend you one that I have used several times: www.slidesjs.com /.
In addition, bootstrap also has this component, but it is not called this name.
Who can help explain the css style?
Display: none; hide object
Margin: 0 auto; center box
Color: red
@ Media (max-width: 767px) {body {padding-left: 10px; padding-right: 10px ;}. container {width: auto }}: the maximum width of the device is 767px, with a margin of around 10 Px in the body. The width of class = "container" is automatic.
@ Media (max-width: 480px) {. container {width: auto}: The maximum device width is 480px, and the width in class = "container" is automatic.
@ Media (min-width: 768px) and (max-width: 979px ){. container {width: 724px }}: when the minimum width of the device is 768px and the maximum width is 979, the width of the device in class = "container" is 724px;
@ Media (min-width: pixel px) {. container {width: 1170px}: The minimum device width is pixel, and the width in class = "container" is 1170px;