HTML 之 事件与事件对象和动画

最新推荐文章于 2022-06-23 23:38:39 发布
最新推荐文章于 2022-06-23 23:38:39 发布
阅读量244 收藏
点赞数
文章标签： html 对象 动画 事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huzongnan/article/details/79560776
版权

事件

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>事件</title>
        <style type="text/css">
            #redDiv{
                width: 200px;
                height: 200px;
                background-color: red;
            }
        </style>
    </head>
    <body>
        <div id="redDiv"></div>
        <form action="" id="reg">
            <input type="text" id="userName">
            <input type="submit" id="submit">
            <input type="reset" id="reset">
        </form>
    </body>
    <script type="text/javascript">
        var redDiv = document.getElementById("redDiv");
        var reg = document.getElementById("reg");
        var userName = document.getElementById("userName");
        // 鼠标事件
        redDiv.onmousemove = function(){
            console.log("鼠标移动的时候触发");
        }
        redDiv.onclick = function(){
            console.log("单击事件");
        }
        redDiv.ondblclick = function(){
            console.log("双击事件");
        }
        redDiv.onmousedown = function(){
            console.log("鼠标按下事件");
        }
        redDiv.onmouseup = function(){
            console.log("鼠标抬起事件");
        }
        redDiv.oncontextmenu = function(){
            console.log("鼠标右击事件");

            // 阻止默认右键弹出右键栏
            return false;
        }
        // over 和 out 会在鼠标从 redDiv 的父级移到子级的时候触发,先触发 out 再触发 over
        // leave 和 enter 从父级移到子级不会触发,只有鼠标离开/移入整个 redDiv 的时候才会触发
        redDiv.onmouseover = function(){
            console.log("over 移入");
        }
        redDiv.onmouseout = function(){
            console.log("out 移出");
        }
        redDiv.onmouseleave = function(){
            console.log("leave 移出");
        }
        redDiv.onmouseenter = function(){
            console.log("enter 移入");
        }
        // 键盘事件
        document.onkeydown = function(){
            console.log("down键盘按下");
        }
        document.onkeypress = function(){
            console.log("press 键盘按下");
        }
        document.onkeyup = function(){
            console.log("键盘抬起事件");
        }
        // 表单
        userName.onchange = function(){
            console.log("change内容发生改变之后触发");
        }
        userName.oninput = function(){
            console.log("input内容发生变化之后触发");
        }
        userName.onfocus = function(){
            console.log("聚焦");
        }
        userName.onblur = function(){
            console.log("失焦");
        }
        // 给 form 表单绑定事件
        reg.onsubmit = function(){
            console.log("提交");

            // 阻止默认跳转
            return false;
        }
        reg.onreset = function(){
            console.log("重置");

            // 阻止默认重置
            return false;
        }
        // window 事件
        window.onresize = function(){
            console.log("窗口尺寸发生变化的时候触发");
        }
        window.onscroll = function(){
            console.log("窗口内容滚动的时候触发");
        }
        window.onload = function(){
            console.log("窗口加载完毕之后触发");
        }
    </script>
</html>

事件对象

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>事件对象</title>
        <style type="text/css">
            .redDiv{
                width: 200px;
                height: 200px;
                background-color: red;
            }
            p{
                margin: 0;
                height: 100px;
                margin-left: 100px;
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <div class="redDiv">
            <p></p>
        </div>
    </body>
    <script type="text/javascript">
        // 鼠标事件 -> 位置
        var redDiv = document.getElementsByClassName("redDiv")[0];
        redDiv.onclick = function(){
            var evObj = window.event || ev;
            // 触发事件的元素(触发事件的元素不一定是绑定事件的元素)
            console.log(evObj.target);
            // 鼠标距离窗口顶部的坐标
            console.log(evObj.clientY);
            // 鼠标距离页面顶部的坐标
            console.log(evObj.pageY);
            // 鼠标距离 target 顶部的坐标
            console.log(evObj.offsetY);
        }
        // press 区分大小写,但不支持特使按键
        // down 不区分大小写,支持特殊按键
        document.onkeypress = function(ev){
            console.log("press" + ev.keyCode);
        }
        document.onkeydown = function(ev){
            // keyCode 标识哪一个按键
            console.log(ev.keyCode);
            if (ev.keyCode == 66) {
                console.log("按了 B");
            }
            // 判断组合键
            if (ev.keyCode == 66 && ev.metaKey) {
                console.log("按了 command + B");
            }
        }
    </script>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>拖拽控制元素移动</title>
        <style type="text/css">
            .box{
                width: 1920px;
                height: 1920px;
            }
            .move{
                width: 100px;
                height: 100px;
                background-color: red;
                position: absolute;
                top: 0;
                left: 0;
            }
        </style>
    </head>
    <body>
        <div class="box"><div class="move"></div></div>

    </body>
    <script type="text/javascript">
        var box = document.getElementsByClassName("box")[0];
        var move = document.getElementsByClassName("move")[0];

        box.onmousemove = function(){
            var evObj = window.event;
            move.style.left = - 50 + evObj.pageX + "px" ;
            move.style.top = - 50 + evObj.pageY + "px";
            // console.log(evObj.pageY);
            // console.log(evObj.pageX);
            console.log(move.style.left);
            console.log(move.style.top);
        }
    </script>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
            .box{
                width: 1000px;
                height: 500px;
            }
            .move{
                width: 100px;
                height: 100px;
                background-color: red;
                position: absolute;
                top: 450px;
                left: 450px;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="move"></div>
        </div>
    </body>
    <script type="text/javascript">
        var move = document.getElementsByClassName("move")[0];
        document.onkeypress = function(ev){
            // console.log("press" + ev.keyCode);
            // console.log(move.style.top);
            // console.log(move.style.left);
            if (ev.keyCode == 119) {
                move.style.top = move.offsetTop - 5 + "px";
            } else if (ev.keyCode == 115) {
                move.style.top = move.offsetTop + 5 + "px";
            } else if (ev.keyCode == 97) {
                move.style.left = move.offsetLeft - 5 + "px";
            } else if (ev.keyCode == 100) {
                move.style.left = move.offsetLeft + 5 + "px";
            }
            // if (ev.keyCode == 38) {
            //  move.style.top = move.offsetTop - 5 + "px";
            // } else if (ev.keyCode == 40) {
            //  move.style.top = move.offsetTop + 5 + "px";
            // } else if (ev.keyCode == 37) {
            //  move.style.left = move.offsetLeft - 5 + "px";
            // } else if (ev.keyCode == 39) {
            //  move.style.left = move.offsetLeft + 5 + "px";
            // }
        }
    </script>
</html>

动画

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>动画</title>
        <style type="text/css">
            .red{
                width: 100px;
                height: 100px;
                background-color: red;
                position: absolute;
                left: 0;
                top: 0;
                /*动画名称*/
                animation-name: run;
                /*动画时长*/
                animation-duration: 1s;
                /*动画运动方式*/
                animation-timing-function: linear;
                /*动画延时*/
                /*animation-delay: 1s;*/
                /*动画次数*/
                /*infinite 无限*/
                animation-iteration-count: 1;
                /*动画方向*/
                /*reverse 反向*/
                /*normal 正常*/
                /*alternate 单数正向,双数反向*/
                /*alternate-reverse 双数正向,单数反向*/
                animation-direction: normal;
                /*
                    forwards 动画结束的时候停留在当前位置
                    backwards 在动画延时期间,元素的位置在动画起始的位置
                    both 包含以上两个效果
                */
                animation-fill-mode: both;
            }
            @keyframes run{
                0%{
                    left: 0;
                }
                50%{
                    left: 50px;
                }
                100%{
                    left: 1080px;
                    top: 500px;
                }
            }
        </style>
    </head>
    <body>
        <dic class="red"></dic>
    </body>
</html>
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>动画版轮播图</title>
        <style type="text/css">
            @keyframes run{
                0%{
                    transform: translateX(0px);
                }
                20%{
                    transform: translateX(0px);
                }
                25%{
                    transform: translateX(-20%);
                }
                45%{
                    transform: translateX(-20%);
                }
                50%{
                    transform: translateX(-40%);
                }
                70%{
                    transform: translateX(-40%);
                }
                75%{
                    transform: translateX(-60%);
                }
                95%{
                    transform: translateX(-60%);
                }
                100%{
                    transform: translateX(-80%);
                }
            }
            .wrap{
                width: 60%;
                height: 380px;
                border: solid 5px black; 
                /*overflow: hidden;*/
            }
            .box{
                height: 100%;
                width: 500%;
                animation: 10s linear run infinite;
            }
            .box .item{
                width: 20%;
                height: 100%;
                float: left;
                text-align: center;
                color: white;
                font-size: 70px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .item1{
                background-color: red;
            }
            .item2{
                background-color: blue;
            }
            .item3{
                background-color: green;
            }
            .item4{
                background-color: pink;
            }

        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="box">
                <div class="item item1">1</div>
                <div class="item item2">2</div>
                <div class="item item3">3</div>
                <div class="item item4">4</div>
                <div class="item item1">1</div>
            </div>
        </div>
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>方向键控制移动</title>
        <style type="text/css">
            .box{
                position: relative;
                border: 5px yellow solid;
                margin: 20px auto;
                width: 600px;
                height: 480px;
                background: url("bg.png") 100%;
                animation: run 2s linear infinite;
            }
            @keyFrames run{
                from{
                    background-position: 0 0;
                }
                to{
                    background-position: 0 960px;
                }
            }
            .item{
                width: 45px;
                height: 80px;
                background-color: purple;
                position: absolute;
                top: 0;
                left: 0;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="item"></div>
        </div>
    </body>
    <script type="text/javascript">
        var item = document.getElementsByClassName("item")[0];
        var box = document.getElementsByClassName("box")[0];
        var key = [false, false, false, false];
        document.onkeydown = function(ev){
            if (ev.keyCode > 36 && ev.keyCode < 41) {
                key[ev.keyCode - 37] = true;
            }
        }
        document.onkeyup = function(ev){
            key[ev.keyCode - 37] = false;
        }
        setInterval(function(){
            var x = item.offsetLeft + (key[0] * - 1) + key[2];
            var y = item.offsetTop + (key[1] * - 1) + key[3];
            var maxX = box.clientWidth- item.offsetWidth;
            x = x < 0 ? 0 : (x > maxX ? maxX : x);
            var maxY = box.clientHeight- item.offsetHeight;
            y = y < 0 ? 0 : (y > maxY ? maxY : y);
            item.style.left = x + "px";
            item.style.top = y + "px";
        }, 20);
    </script>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>拖拽</title>
        <style type="text/css">
            .item{
                width: 100px;
                height: 100px;
                background-color: purple;
                position: absolute;;
                left: 0;
                top: 0;
            }
            .box{
                width: 150px;
                height: 150px;
                background-color: pink;
                margin: 100px auto;
            }
            .item1{
                width: 100px;
                height: 100px;
                border-radius: 50px;
                background-color: purple;
                position: absolute;
                left: 200;
                top: 200;
            }
            .box1{
                width: 150px;
                height: 150px;
                border-radius: 75px;
                background-color: pink;
                margin: 200px auto;
            }
        </style>
    </head>
    <body>
        <div class="item"></div>
        <div class="box"></div>
        <div class="item1"></div>
        <div class="box1"></div>
    </body>
    <script type="text/javascript">
        var item = document.getElementsByClassName("item")[0];
        var box = document.getElementsByClassName("box")[0];
        var item1 = document.getElementsByClassName("item1")[0];
        var box1 = document.getElementsByClassName("box1")[0];

        item.onmousedown = function(e){
            var x = e.offsetX;
            var y = e.offsetY;
            document.onmousemove = function(ev){
                item.style.left = ev.pageX - x + "px";
                item.style.top = ev.pageY - y + "px";
                if (item.offsetLeft + item.offsetWidth > box.offsetLeft && item.offsetLeft < box.offsetLeft + box.offsetWidth && item.offsetTop + item.offsetHeight > box.offsetTop && item.offsetTop < box.offsetTop + box.offsetHeight) {
                    box.style.backgroundColor = "#00FF00";
                } else{
                    box.style.backgroundColor = "pink";
                }
            }
        }
        item1.onmousedown = function(e){
            var x = e.offsetX;
            var y = e.offsetY;
            document.onmousemove = function(ev){
                item1.style.left = ev.pageX - x + "px";
                item1.style.top = ev.pageY - y + "px";
                var A = Math.abs((item1.offsetLeft + item1.offsetWidth / 2) - (box1.offsetLeft + box1.offsetWidth / 2));
                var B = Math.abs((item1.offsetTop + item1.offsetHeight / 2) - (box1.offsetTop + box1.offsetHeight / 2));
                var C = Math.sqrt(A * A + B * B);
                // console.log(A);
                // console.log(B);
                // console.log(C);
                if (C <= item1.offsetWidth / 2 + box1.offsetWidth / 2){
                    box1.style.backgroundColor = "#00FF00";
                } else{
                    box1.style.backgroundColor = "pink";
                }
            }
        }
        document.onmouseup = function(){
            document.onmousemove = null;
        }
    </script>
</html>
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>打飞机</title>
        <style type="text/css">
            .box{
                position: relative;
                border: 5px black solid;
                width: 300px;
                height: 480px;
                margin: 20px auto;
                background: url("bg.png") 0px 0px / 100%;
                animation:run 4s linear infinite;
            }
            @keyframes run{
                from{
                    background-position: 0px 0px;
                }
                to{
                    background-position: 0px 960px;
                }
            }

            .item{
                width: 60px;
                height: 60px;
                background-color: gray;
                position: absolute;
                top: 0px;
                left: 0px;
                background: url("fj.jpeg") 0px 0px / 100% ;
            }
            .zd{
                width: 5px;
                height: 20px;
                background-color: red;
                position: absolute;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="item"></div>
        </div>

    </body>
    <script type="text/javascript">
        var item = document.getElementsByClassName('item')[0];
        var box = document.getElementsByClassName('box')[0];
        var key = [false, false, false, false];

        document.onkeydown = function(ev){
            key[ev.keyCode - 37] = true;
        }

        document.onkeyup = function(ev){
            key[ev.keyCode - 37] = false;
        }
        setInterval(function(){
            var speed = 3;
            var iLeft = item.offsetLeft + ((key[0]* -1) + key[2]) * speed;
            var iTop = item.offsetTop + ((key[1]* -1) + key[3]) *speed;
            // 限制Left
            var maxX = box.clientWidth - item.offsetWidth;
            iLeft = iLeft < 0 ? 0 : (iLeft > maxX ? maxX : iLeft);
            // 限制Top
            var maxY = box.clientHeight - item.offsetHeight;
            iTop = iTop < 0 ? 0 : (iTop > maxY ? maxY : iTop);

            item.style.left =  iLeft + "px";
            item.style.top =  + iTop + "px";
        }, 20);


        // 每隔0.5创建子弹
        setInterval(function(){
            var zd = document.createElement("div");
            zd.className = "zd";
            box.appendChild(zd);    
            zd.style.top = item.offsetTop - zd.offsetHeight + "px";
            zd.style.left = item.offsetLeft+item.offsetWidth/2 - zd.offsetWidth/2 + "px";
            var move = setInterval(function(){
                zd.style.top = zd.offsetTop - 3 + "px";
                if (zd.offsetTop <= -zd.offsetHeight) {
                    zd.remove();
                    clearInterval(move);
                }
            }, 20);
        }, 500);
    </script>
</html>

http://blog.csdn.net/huzongnan/article/list

一個頭像用四年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery animate事件卷轴打开动画效果
09-08
jQuery是JavaScript的一个库，它极大地简化了DOM操作、事件处理以及动画效果的创建。在本主题中，我们将深入探讨如何利用jQuery的animate方法实现一种卷轴打开的动画效果。这个效果通常用于模拟书籍翻页、画卷展开等...
HTML5城市夜景动画特效
07-24
3. **事件处理**：HTML5的事件监听器，如`addEventListener()`，可以让用户与动画进行交互，例如点击开关灯或者滑动改变视角。 4. **动画帧管理**：通过`requestAnimationFrame()`函数，可以实现高性能的动画循环，...
html 直播动画,HTML animationstart事件用法及代码示例
weixin_32955881的博客
05-31 197
当CSS动画开始播放时，将发生animationstart事件。CSS动画播放时可能发生的事件：animationstart：CSS动画开始时发生。animationiteration：重复CSS动画时发生。animationend：CSS动画完成时发生。用法:Chrome，Safari和Opera的代码：object.addEventListener("webkitAnimationStart"...
HTML学习four——days（过渡、transform、动画）
qq_44980451的博客
06-23 342
学习、基础、巩固
HTML-jQuery中的事件与动画
南劲竹的博客
09-16 604
网页中的事件 和WinForm一样，在网页中的交互也是需要事件来实现的，例如tab切换效果，可以通过鼠标单击事件来实现 jQuery中的事件： jQuery事件是对JavaScript事件的封装，常用事件分类： 基础事件：①鼠标事件；②键盘事件；③window事件；④表单事件 复合事件：①鼠标光标悬停；②鼠标连续点击 鼠标事件： 鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件...
给div添加onClick事件
weixin_30325971的博客
08-23 770
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>click_div</title> 5 <meta charset="utf-8"> 6 7 <style type="text/css"> 8 ...
html动画执行,css3在动画完成后执行事件
weixin_29711471的博客
06-09 508
第一种方法：用计时器，设定一个和动画时长一样的time，过time事件去执行这个函数。setTimeout(function(){ },time);第二种方法：当-webkit-animation动画结束时有一个webkitAnimationEnd事件，只要监听这个事件就可以了。不同浏览器的AnimationEnd写法(webkitAnimationEnd mozAnimationEnd MSA...
html5 canvas多层波浪背景动画特效
04-26
JavaScript文件则是实现波浪动画逻辑的核心，包括Canvas绘图和事件处理。 总结来说，"html5 canvas多层波浪背景动画特效"是一个结合了HTML5 Canvas、CSS3和JavaScript技术的创新应用，它展示了如何利用Web技术创建...
HTML5 canvas蝴蝶飞舞动画.zip
05-14
为了优化，可以使用`clearRect()`清除之前一帧的内容，或者利用对象池技术减少创建和销毁对象的次数。 9. **CSS3与HTML5 Canvas结合**：在实际项目中，HTML5 Canvas可以与CSS3配合使用，如使用CSS3来处理页面布局，...
html5字符动画
08-11
HTML5字符动画是一种利用HTML5的新特性来创建动态效果的技术，尤其在文本展示方面具有很高的创新性和趣味性。这种技术通常结合CSS3和JavaScript来实现，使得文本元素能够展现出丰富的视觉效果，例如逐字出现、消失...
事件以及事件对象
qq_43516152的博客
06-23 454
一、什么是事件 事件就是一件事情或者一个行为（对于元素来说，它的很多事件都是天生自带的），只要我们去操作这个元素，就会触发这些行为。 “事件就是元素天生自带的行为，我们操作元素，就会触发相关的时间行为” 二、事件绑定 给元素天生自带的事件行为绑定方法，当事件触发，会把对应的方法执行。 三、元素天生自带的事件（常用） 【鼠标事件】 click:点击（PC端是点击，移动端的click代表单机[移动端使...
JS基础_事件与事件对象
weixin_41804367的博客
08-31 253
1、事件 事件就是交互事件，用户点击实现回馈，是交互体验的核心功能。 2、事件对象 （1）事件对象是什么？ 如果给一个元素对象的某事件（例如，onclick）绑定了一个响应函数（回调函数），当这个事件触发时，浏览器就会调用这个函数。 除此之外，浏览器会创建一个对象，用来描述这个发生的事件。例如，事件发生时鼠标的位置。 （2）获取事件对象 当浏览器是IE8及以上版本，事件触发时，浏览器会创建一个事件对象，并调用事件响应函数，同时会将事件对象当作参数传递给回调函数。 因此可以通过两种方式进行获取
html动画点击事件,[CSS] 点击事件触发的动画
weixin_39955953的博客
06-16 667
redis键命令1.ping命令用于检测redis是否启动 成功返回pong表示链接成功 2.在远程redis服务上执行命令 Redis-cli -h host -p port -a password 如果是连接本机 ...Oracle Exadata体系笔记Exadata一开始是以一个存储系统形式诞生的,叫做SAGE(Storage Appliance for Grid Environ ment...
事件对象与事件机制
LY_code的博客
02-21 567
本系列将从以下专题去总结： JS基础知识深入总结 对象高级 函数高级 事件对象与事件机制 暂时会对以上四个专题去总结，现在开始Part4: 事件对象与事件机制。下图是我这篇的大纲。 4.1 同步与异步 同步(Synchronous)：你在做一件事情，不能同时去做另外一件事。 异步(Asynchronous)：你在做一件事情，这件事可能会耗时很久，而此时你可以在等待的过程中，去做另外一件事...
JS事件之事件对象和事件源
热门推荐
每天进步一点点
05-11 1万+
要想搞明白js的事件机制，必须搞清楚几个概念：事件对象，事件源，还有事件流 事件对象： 当事件发生时会产生事件对象，事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生，我们无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁。 怎么理解那？？ document.onmousemove = function
关于“事件”，“事件对象”，“事件源”等几个概念的理解
java flex
09-17 876
事件：指的是鼠标点击，键盘输入等用户操作。其本身就是一个对象。 事件对象：事件发生后，在flex中就称为事件对象，事件对象有针对其的侦听器，事件对象有其属性，比如：target。 事件发生的对象：指事件源。 事件源：发生事件的对象，一般指某一具体的组件，比如：用户点击某Button，则此Button即为事件源。 侦听器：是一个方法，用以响应事件。...
JavaScript事件流(冒泡事件与捕获事件)
男孩依旧
11-13 351
事件流 事件流是在浏览器发展到第四代(IE4及Netscape Communicator4)时出现的概念，事件流描述的是从页面接收事件的顺序。但有意思的是，IE和Netscape开发团队居然提出了完全相反的事件流的概念。IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流。 事件冒泡 事件冒泡(event bubbling)，即事件开始时由最具体的元素(文档中嵌套层
动画animation的三个应用（漂浮的白云、旋转的星球、正方体合成）
qq_32849999的博客
08-21 2373
参考https://www.cnblogs.com/xiaohuochai/p/5419236.html （含动画效果） 漂浮的白云 【效果演示】   【简要介绍】 　　漂浮的白云主要通过远景白云和近景白云来实现立体漂浮效果。远景和近景分别使用两张背景图片，通过改变其背景定位来实现白云移动效果，通过设置不同的动画持续时间来实现交错漂浮的效果 【主要代码】 .box{ p...
1分钟深入了解CSS3的动画属性animation
桃花扇的博客
04-11 569
animation可以传8个参数，常用的有6个，动画名称（@keyframe定义好的），执行时长，动画类型（默认ease），执行延时时常（默认0），动画循环次数（默认1），运动方向（默认normal）

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值