html图片自动滚动播放器,jQuery+css实现图片滚动效果(附源码)

本文介绍如何使用jQuery和CSS实现一个图片自动滚动播放器,详细讲解bxCarousel参数,包括移动数量、展示数量、滚动速度、图片间距等,并提供了相关CSS样式和JavaScript代码示例。
摘要由CSDN通过智能技术生成

8c4e0c57a40177051d924a7c25be23f3.png

bxCarousel参数说明:

move:每次滚动移动图片的数量,默认为4。

display_num:展示图片的数量,默认为4。

speed:图片滚动速度,默认为500毫秒。

margin:图片间的间距,默认为0。

auto:是否自动滚动,默认为false。

auto_interval:当设为自动滚动时,每次滚动的时间间隔(毫秒),默认为2000毫秒即2秒。

auto_dir:自动滚动的方向,默认为next,你可以试下prev。

next_image:向右滚方向按钮图片,可以用CSS设置。

prev_image:向左滚方向按钮图片,可以用CSS设置。

auto_hover:滚动时,鼠标滑上图片时是否停止滚动,默认为false。

controls:是否显示左右滚动按钮图片,默认为true。

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

ul{margin:0;padding:0;}

.demo{width: 650px;height: 134px;margin: 60px auto;clear: both;position: relative;border:1px solid #d3d3d3}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值