js动画效果（贴一个完整的代码，附js文件写法）

最新推荐文章于 2024-06-11 18:49:35 发布

智障不怕尴尬

最新推荐文章于 2024-06-11 18:49:35 发布

阅读量812

点赞数

分类专栏： JS 文章标签： javascript 动画

本文链接：https://blog.csdn.net/qq_29022327/article/details/76704383

版权

关于图片自行设置

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            * {
                margin: 0 auto;
            }

            section {
                width: 400px;
                height: 600px;
            }

            section>div {
                display: inline-block;
                width: 31%;
                height: 25%;
                background-size: 100% 100%;
                border: 2px solid white;
            }

            .box {
                position: relative;
                width: 1000px;
                height: 500px;
                overflow: hidden;
                background: gray;
            }

            .box span {
                display: block;
                width: 3000px;
                height: 100%;
            }

            .box div[id^="btn"] {
                position: absolute;
                width: 30px;
                height: 100px;
                line-height: 100px;
                text-align: center;
                background-color: rgba(0, 128, 0, 0.5);
                top: 50%;
                margin-top: -50px;
                z-index: 10;//必须加，默认为-1
            }

            .box #pntlist {
                position: absolute;
                width: 60px;
                height: 14px;
                bottom: 50px;
                left: 50%;
                margin-left: -30px;
                border

最低0.47元/天解锁文章

智障不怕尴尬

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js动画效果（贴一个完整的代码，附js文件写法）

关于图片自行设置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0 auto; }
复制链接

扫一扫