jQuery广告图片轮播（自动）切换

矢原

于 2020-10-14 09:15:57 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_46528860/article/details/109065426

该博客介绍了如何使用jQuery入门知识，特别是jQuery语法结构，来实现广告图片的自动轮播切换功能。作业中强调了图片自定义以及需要引入jQuery库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一章 jQuery入门

jQuery语法结构

作业2：广告图片轮播切换

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> 广告图片轮播切换</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="adver">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
    <div class="arrowLeft"><</div><div class="arrowRight">></div>
	<script src="js/jquery-3.5.1.min.js"></script>
	<script src="js/adver.js"></script>
</div>
</body>
</html>

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.adver {
	margin: 0 auto;
	width: 700px;
	overflow: hidden;
	height: 4

最低0.47元/天解锁文章

200万优质内容无限畅学