jQuery实现手动轮播图——制作轮播切换效果

最新推荐文章于 2024-04-19 18:24:22 发布

深海de咸鱼

最新推荐文章于 2024-04-19 18:24:22 发布

阅读量903

点赞数 1

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/qq_26367907/article/details/130207981

版权

话不多说，直接上代码

HTML代码部分

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> 广告图片轮播切换</title>
    //引用css文件
    <link rel="stylesheet" href="css/style.css">
    //配置jQuery环境
    <script src="../jQuery/jquery.js" type="text/javascript"></script>
    //引用js、jQuery文件
    <script src="js/adver.js" type="text/javascript"></script>
</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>
</div>
</body>
&