素材牛VIP会员

jQuery文字、图片无缝滚动

 所属分类:网页特效-图片展示,滚动/拖拽

 浏览:201次-  下载:2次-  评论:1次-  发布时间:2019-04-06
jQuery文字、图片无缝滚动兼容IE6
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:简单的文字图片垂直滚动插件scroll.js
 标签:无缝滚动

详细介绍

使用方法

引用两个文件即可

<script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script>
<script src="js/scroll.js"></script>

html

<div class="myscroll">
	<ul>
		<li><a href="#"><img src="images/1.png" alt=""></a></li>
		<li><a href="#"><img src="images/2.png" alt=""></a></li>
		<li><a href="#"><img src="images/3.png" alt=""></a></li>
	</ul>
</div>

js

$(function(){
	$('.myscroll').myScroll({
		speed: 10, //数值越大,速度越慢
		rowHeight: 250 //li的高度
	});
});

文件目录结构

  • images
    • ┝ 1.png
    • ┝ 2.png
    • ┝ 3.png
    • ┝ 4.png
    • ┝ 5.png
  • ┝ index.html
  • ┝ index2.html
  • js
    • ┝ jquery-1.8.3.min.js
    • ┝ scroll.js

讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

zj***ar  
2019年06月29日

这个挺不错的

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)