jq实现自动轮播图效果

白驹过隙时光荏苒

已于 2022-08-30 17:13:31 修改

阅读量6.2k

点赞数 1

分类专栏：前端开发文章标签： jq图片图片轮播

于 2018-07-28 15:29:48 首次发布

本文链接：https://blog.csdn.net/qq_32090185/article/details/81260952

版权

前端开发专栏收录该内容

49 篇文章 1 订阅

订阅专栏

我自己封装的一个图片自动轮播，下面是使用方法。

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>图片轮播</title>
	<link rel="stylesheet" type="text/css" href="css/banner.css"/>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div id="aaa">
		
	</div>
	<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var imgList = ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"];
		var divName = "#aaa";
		$.imgBanner(imgList,divName,500,250,500,1000);
	</script>
</body>
</html>

这是函数的参数描述