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

Source code download

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:

helloweba

jQuery CSS实现的图片滚动效果

• 
  图片1


• 
  图片2


• 
  图片3


• 
  图片4


• 
  图片5


• 
  图片6


• 
  图片7


• 
  图片1


• 
  图片2


• 
  图片3


• 
  图片4


• 
  图片5


• 
  图片6


• 
  图片7

• 
  图片1


• 
  图片2


• 
  图片3


• 
  图片4


• 
  图片5


• 
  图片6

Powered by helloweba.com 允许转载、修改和使用本站的DEMO，但请注明出处：www.helloweba.com