JavaScript使用改变scrollLeft的值做轮播图效果

最新推荐文章于 2023-07-06 18:00:35 发布

阎涛0329

最新推荐文章于 2023-07-06 18:00:35 发布

阅读量760

点赞数

文章标签： javascript css

本文链接：https://blog.csdn.net/m0_54572778/article/details/115253909

版权

前言

今天学了一个使用scrollLeft改变溢出的值的方法做的轮播图，没有做全只做了轮播的效果，自己觉得这个轮播图并不好用（也是我菜），内容不多就不一步步讲解了，不懂得可以看看注释

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../2.CSS/reset.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
   
            position: relative;
            width: 520px;
            height: 280px;
            margin: 50px auto;
        }
        
        .inner {
   
            width: 520px;
            height: 280px;
            overflow: hidden;
        }
        
        .son {
   
            width: 3120px;
            height: 280px;
        }
        
        .son img {
   
            float: left;
        }
        
        .yuanq {
   
            positi

最低0.47元/天解锁文章

阎涛0329

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript使用改变scrollLeft的值做轮播图效果

前言今天学了一个使用scrollLeft改变溢出的值的方法做的轮播图，没有做全只做了轮播的效果，自己觉得这个轮播图并不好用（也是我菜），内容不多就不一步步讲解了，不懂得可以看看注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
复制链接

扫一扫