jQuery实现div下五张图片轮播(轮播时鼠标移动按钮跟随轮播)

最新推荐文章于 2024-07-25 02:11:29 发布

子丶辰

最新推荐文章于 2024-07-25 02:11:29 发布

阅读量628

点赞数

文章标签： jquery html

本文链接：https://blog.csdn.net/as953/article/details/115702956

版权

HTML＋jQuery代码：

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title> 广告图片轮播切换</title>
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="adver">
			<img src="images/adver01.jpg" >
			<img src="images/adver02.jpg" >
			<img src="images/adver03.jpg" >
			<img src="images/adver04.jpg" >
			<img src="images/adver05.jpg" >
			<img src="images/adver06.jpg" >
			<ul>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
			</ul>
			<div class="arrowLeft">&lt;
			</div>
			<div class="arrowRight">&gt;
			</div>
		</div>
	</body>
</html>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var images = [];
	var lis=[];
	
	for (var i = 0; i < $(".adver ul li").length; i++) {
   
		images[i] = ".adver img:nth-of-type("+

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

子丶辰

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jQuery实现div下五张图片轮播(轮播时鼠标移动按钮跟随轮播)

HTML＋jQuery代码：<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title> 广告图片轮播切换</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="adver">
复制链接

扫一扫