jquery.tools.scrollable三屏图片滚动插件



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

27 105 36



特效描述:三屏图片滚动。jquery.tools.scrollable三屏图片滚动插件

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>

2. HTML代码

<div class="box">
	<div class="b b1">
		<ul class="lst lst1">
			<li><img src="images/1.jpg" alt="" /></li>
			<li><img src="images/2.jpg" alt="" /></li>
			<li><img src="images/3.jpg" alt="" /></li>
			<li><img src="images/4.jpg" alt="" /></li>
			<li><img src="images/5.jpg" alt="" /></li>
		</ul>
	</div>
	<div class="b b2">
		<ul class="lst lst2">
			<li><img src="images/2.jpg" alt="" /></li>
			<li><img src="images/3.jpg" alt="" /></li>
			<li><img src="images/4.jpg" alt="" /></li>
			<li><img src="images/5.jpg" alt="" /></li>
			<li><img src="images/1.jpg" alt="" /></li>
		</ul>
	</div>
	<div class="b3">
		<ul class="lst lst3">
			<li><img src="images/3.jpg" alt="" /></li>
			<li><img src="images/4.jpg" alt="" /></li>
			<li><img src="images/5.jpg" alt="" /></li>
			<li><img src="images/1.jpg" alt="" /></li>
			<li><img src="images/2.jpg" alt="" /></li>
		</ul>
	</div>
	<div class="cen">
		<h3 class="cenTit">娱乐一刻</h3>
		<p class="wrd">朋友聚餐,差一人没到,我们就先点菜,饭店给力菜很快上齐了,我们等了会没忍住就先吃了,盘子全见底了那朋友还没来,服务员特勤快把空盘子全收了。这时正好朋友到了,他看看空荡荡的桌子,忙说真不好意思让你们饿着肚子等到现在,点菜吧!这顿我请!听了这话我们都没解释,默默地拿起菜单…<a href="https://www.51qianduan.com/">51前端</a></p>
	</div>
	<div class="cen1">极品100全力打造最具实力的前端动效</div>
	<span class="arr lef"></span>
	<span class="arr rig"></span>
</div>
<script type="text/javascript">
$(function(){
    $(".b").scrollable({
		size:1,
		items:".b ul",
		loop:true,
		next:".lef",
		prev:".rig",
		clickable:false,
		circular:true
	});  
    $(".b3").scrollable({
		size:1,
		items:".b3 ul",
		loop:true,
		next:".lef",
		prev:".rig",
		vertical:true,
		clickable:false,
		circular:true
	});  
})
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 图片头像上传 滚动切换 文件上传 图片滚动 文本框 文字滚动 下拉框 复选 图片文字滚动 单选 全屏滚动 登录框 页面滚动 注册框 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 滚动流动 自动滚动图片轮播 切换按钮 form表单

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到