简易实操案例
@@九亿少女的梦
国家尚未富强,儿女怎能情长?放下儿女情长,一心建设祖国大好河山
展开
-
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 · 543 阅读 · 0 评论 -
拖动模态框
基础的样式不写,写的主要是 ‘拖动’ 这个效果的代码案例分析:点击弹出层,模态框和遮挡层就会显示出来display:block;点击关闭按钮,模态框和遮挡层就会关闭出来display:none;在液面中拖拽的原理: 鼠标按下并且移动之后,松开鼠标。触发事件是鼠标按下mousedown,鼠标移动mousemove, 鼠标松开mouseup。在脱液过程中鼠标获得最新的值给模态框的Top值和left值。这样模态框就可以跟着鼠标走。用鼠标的坐标减去鼠标在盒子内部的坐标。才是模态框真正的位置。第1步.原创 2022-01-22 15:35:55 · 530 阅读 · 0 评论 -
发送短信案例
老样子,只是部分核心代码,其他样式需要大家自己摸索一下<body><script> 手机号码:<input type = "number"><botton>发送</botton> //按钮点击之后,disable会显示为true。 //同时按钮里面的内容会发生变化,通过innerHtml改变里面的内容。 //里面的秒数是有变化的,所以需要用到定时器。 //定义一个变量在定时器里,不断递减。 //如果变量为0说明时间到了,原创 2022-01-20 20:53:19 · 436 阅读 · 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 · 663 阅读 · 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 · 462 阅读 · 0 评论 -
侧边导航栏的制作
非常简单的一个导航栏制作原创 2022-01-12 11:39:46 · 1239 阅读 · 0 评论