摘要: 效果图展示 实现用户所传内容 以及时间 <script> window.onload = function(){ var oMessageBox = document.getElementById("messageBox"); var oInput = document.getElementById 阅读全文
posted @ 2021-12-26 14:00 泡椒pg 阅读(185) 评论(0) 推荐(0)
摘要: HTML代码 <div id="backTop"></div> css #backTop { display: none; width: 45px; height: 50px; z-index: 12; //使该div 在图像最上层 background: url("http://g-0.ss.fa 阅读全文
posted @ 2021-12-24 13:46 泡椒pg 阅读(41) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>分页器</title> <style> .item { display: none; width: 400px; height: 400px; position: relative 阅读全文
posted @ 2021-12-21 11:29 泡椒pg 阅读(541) 评论(0) 推荐(0)
摘要: 前端HTML主页面 <div id="article"> <div id="articlexian"></div> <span>&nbsp;&nbsp;{{data.title}}</span> //引入后端数据 <a id="moRe" href="">MORE</a> <hr> <ul> {{e 阅读全文
posted @ 2021-12-21 11:19 泡椒pg 阅读(30) 评论(0) 推荐(0)
摘要: 拖拽实现步骤: 鼠标按下 开始拖拽 鼠标移动 拖拽过程 鼠标松开 结束 然后在移动过程中,将偏移值赋值给拖拽的对象 var params = { left: 0, top: 0, currentX: 0, //开始时的x坐标 currentY: 0, //开始时的y坐标 flag: false // 阅读全文
posted @ 2021-12-06 09:54 泡椒pg 阅读(84) 评论(0) 推荐(1)
摘要: 鼠标事件 click : 单击 dblick:双击 mousedown:鼠标按下 mouseup:鼠标抬起 mouseout:鼠标离开 mousemove:鼠标一移动 mouseenter:鼠标进入 //html <button onclick="myClick()">鼠标单击</button> < 阅读全文
posted @ 2021-12-06 09:49 泡椒pg 阅读(79) 评论(0) 推荐(1)
摘要: 1.安装node 网址https://nodejs.org/zh-cn/ 2验证是否安装成功 cmd命令行 输入node -v 输出版本号,即为安装成功 3配置node npm config get registry 查看当前的镜像地址 npm set registry https://regist 阅读全文
posted @ 2021-11-29 20:17 泡椒pg 阅读(97) 评论(0) 推荐(1)
摘要: 倒计时定时器(延时器 延时执行一次) 倒计时多少时间以后执行函数 语法: setTimeout(要执行的函数,多长时间以后执行) 会在你设定的时间执行函数 时间是按照毫秒进行计算的,1000 毫秒就是 1秒钟 所以会在页面打开 1 秒钟以后执行函数 只执行一次,就不在执行了 返回值是,当前这个定时器 阅读全文
posted @ 2021-11-29 20:06 泡椒pg 阅读(610) 评论(0) 推荐(1)
摘要: justify-content 属性应用在盒子上,盒内元素沿着盒子的主轴线(main axis)对齐 在长宽确定盒子里,盒内各元素对盒内空间进行占据。 flex-start弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的main-start边线,而后 阅读全文
posted @ 2021-11-20 15:19 泡椒pg 阅读(45) 评论(0) 推荐(1)
摘要: transition 过渡,即给属性变化添加过渡效果 把鼠标放在蓝球上时,蓝球会立刻变透明 .blueball { ... opacity: 1; /* 不透明 */ } .blueball:hover { opacity: 0.3; /* 透明度 30% */ } 增加 transition 属性 阅读全文
posted @ 2021-11-14 14:39 泡椒pg 阅读(54) 评论(0) 推荐(1)