前端
文章平均质量分 79
e黑子q
这个作者很懒,什么都没留下…
展开
-
原生JS点击小图弹出大图代码
今天给大家带来的是原生js实现的点击指定图片弹出大图可切换可关闭代码中有注释function switchh(){ var obox = document.getElementbyId("oobox"); var item = document.querySelectorAll(".oobox .obox_img"); var radius = document.quer...原创 2020-03-22 17:13:17 · 1426 阅读 · 1 评论 -
js实现的幻灯片(轮播图)
代码上面有注释.elembox{ width: 520px; height: 280px; margin: 100px auto; position: relative; overflow: hidden; } .box{ } .box .item{ width: 520px; height: ...原创 2020-03-03 10:49:25 · 636 阅读 · 1 评论 -
利用 JS 制作一个下拉列表(进阶版)
利用 JS 制作一个下拉列表(进阶版) 直接上代码var w1 = document.querySelectorAll("#odiv .w1"); for (let i=0 ;i<w1.length ; i++) { w1[i].addEventListener("click",function(){ var div1 = w1[i].querySelector...原创 2020-03-01 19:29:45 · 1034 阅读 · 0 评论 -
一个js实现目录的效果(下拉窗)
通过寻找父级节点 寻找兄弟节点 实现的简单目录效果.parentNode 寻找父级.children 寻找所以子级.classList.toggle("show");//切换样式.querySelectorAll//寻找该元素里所有的子元素下面是js代码var div1=document.querySelectorAll("#odiv .div1") for(let i...原创 2020-03-01 11:29:49 · 523 阅读 · 0 评论 -
鼠标点击移动元素(可关闭打开)
首先得了解**event**里有些什么screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角,该参照点会随之滚动条的移动而移动。pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动条而变动通过两个鼠标点击事件onmousedo...原创 2020-03-01 09:40:45 · 227 阅读 · 0 评论 -
js实现的计算器功能
先送上前端代码 <div class="q1"> <div id="set"></div> <input type="text" id="put" /> <div> <button onclick="fool(7)">7</button> <button onclick...原创 2020-02-24 13:20:10 · 190 阅读 · 0 评论