来自 澳门金莎娱乐手机版 2019-09-16 12:49 的文章
当前位置: 金沙澳门官网网址 > 澳门金莎娱乐手机版 > 正文

JQuery循环滚动图片代码

复制代码 代码如下:

function refresh() {
var s = $(".box1");
if (!s.is(":animated"))
$(".box1").animate({ marginLeft: "0px" }, "slow", function () {
$('.box1 img:first').before($('.box1 img:last'));
$(".box1").css("margin-left", "-206px");
});
}
<div class="frame"><div class="box1"><img src="img/001.png" alt="" /><img src="img/002.png" alt="" /><img src="img/003.png" alt="" /><img src="img/004.png" alt="" /></div></div>
<button type="button"><<</button><button type="button" onclick="refresh()">>></button>
.box1
{
width:1200px;
overflow:hidden;
margin-left:-206px;
}
.frame
{
width:620px;
overflow:hidden;
}

图片宽度默认206px,没设定

您可能感兴趣的文章:

  • jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
  • 多种JQuery循环滚动文字图片效果代码
  • jQuery实现列表自动滚动循环滚动展示新闻
  • jQuery循环滚动新闻列表示例代码
  • 澳门金莎娱乐手机版 ,jQuery实现列表自动循环滚动鼠标悬停时停止滚动
  • jquery实现文字由下到上循环滚动的实例代码
  • jQuery循环滚动展示代码 可应用到文字和图片上
  • 基于jQuery的公告无限循环滚动实现代码
  • 基于jquery可配置循环左右滚动例子
  • 基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
  • 使用jquery实现的循环连续可停顿滚动实例

本文由金沙澳门官网网址发布于澳门金莎娱乐手机版,转载请注明出处:JQuery循环滚动图片代码

关键词: