关注
分享
@@九亿少女的梦
国家尚未富强，儿女怎能情长？放下儿女情长，一心建设祖国大好河山
展开
-
ajax基于bootstrap获取并渲染图书列表的数据（还有添加图书信息和删除图书信息）
只写了部分代码，样式代码没有给出，大家有兴趣的可以自己去敲一下嘻嘻 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init原创 2022-02-13 16:39:57 · 495 阅读 · 0 评论 -
拖动模态框
基础的样式不写，写的主要是 ‘拖动’ 这个效果的代码 案例分析： 点击弹出层，模态框和遮挡层就会显示出来display:block; 点击关闭按钮，模态框和遮挡层就会关闭出来display:none; 在液面中拖拽的原理: 鼠标按下并且移动之后，松开鼠标。 触发事件是鼠标按下mousedown，鼠标移动mousemove, 鼠标松开mouseup。 在脱液过程中鼠标获得最新的值给模态框的Top值和left值。这样模态框就可以跟着鼠标走。 用鼠标的坐标减去鼠标在盒子内部的坐标。才是模态框真正的位置。 第1步.原创 2022-01-22 15:35:55 · 492 阅读 · 0 评论 -
发送短信案例
老样子，只是部分核心代码，其他样式需要大家自己摸索一下 <body> <script> 手机号码：<input type = "number"><botton>发送</botton> //按钮点击之后，disable会显示为true。 //同时按钮里面的内容会发生变化，通过innerHtml改变里面的内容。 //里面的秒数是有变化的，所以需要用到定时器。 //定义一个变量在定时器里,不断递减。 //如果变量为0说明时间到了，原创 2022-01-20 20:53:19 · 407 阅读 · 0 评论 -
倒计时的制作（只写sccript部分，不写css样式部分）
倒计时的制作 script的代码部分相关逻辑： 要用的函数就是setInterval这个函数，这个函数可以重复一直调用 <script> var hour = document.querySelector('.hour'); var minute = document.querySelector('.minute'); var second = document.querySelector('.second'); var inputTime = +new Date('2022-1原创 2022-01-20 17:00:11 · 604 阅读 · 0 评论 -
鼠标跟随事件实践案例
具体情况：一个图像代替鼠标，类似于QQ农场的铲子，去铲除菜，去播种时，被替代的鼠标 首先，设置图片的样式 <style> img{ position: absolute; top:2px;//很重要 left:2px;//很重要 } </style> 接着，先放逻辑：要用mousemove这个事件，鼠标移动一个像素都会产生一个事件，然后获得x,y的坐标 <img src=???> <script> var pic = document.q原创 2022-01-19 14:17:47 · 434 阅读 · 0 评论 -
侧边导航栏的制作
非常简单的一个导航栏制作原创 2022-01-12 11:39:46 · 1180 阅读 · 0 评论