bxCarousel参数说明:
move:每次滚动移动图片的数量,默认为4。
display_num:展示图片的数量,默认为4。
speed:图片滚动速度,默认为500毫秒。
margin:">

Home  >  Article  >  Web Front-end  >  jQuery css to achieve image scrolling effect (with source code)_jquery

jQuery css to achieve image scrolling effect (with source code)_jquery

WBOY
WBOYOriginal
2016-05-16 17:40:231149browse

Source code download

jQuery css to achieve image scrolling effect (with source code)_jquery
bxCarousel parameter description:
move: The number of pictures to move per scroll, the default is 4.
display_num: The number of displayed images, the default is 4.
speed: Image scrolling speed, default is 500 milliseconds.
margin: the spacing between images, the default is 0.
auto: Whether to automatically scroll, the default is false.
auto_interval: When set to automatic scrolling, the time interval (milliseconds) for each scrolling, the default is 2000 milliseconds or 2 seconds.
auto_dir: The direction of automatic scrolling. The default is next. You can try prev.
next_image: Scroll right direction button image, which can be set with CSS.
prev_image: Scroll left direction button image, which can be set with CSS.
auto_hover: When scrolling, whether to stop scrolling when the mouse slides over the picture, the default is false.
controls: Whether to display left and right scroll button images, the default is true.
Copy code The code is as follows:







jQuery+CSS实现的图片滚动效果











Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn