qq_41801219的博客

今天给大家带来的是原生js实现的点击指定图片弹出大图可切换可关闭 代码中有注释 function switchh(){ var obox = document.getElementbyId("oobox"); var item = document.querySelectorAll(".oobox .obox_img"); var radius = document.quer...

代码上面有注释 .elembox{ width: 520px; height: 280px; margin: 100px auto; position: relative; overflow: hidden; } .box{ } .box .item{ width: 520px; height: ...

利用 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...

通过寻找父级节点 寻找兄弟节点 实现的简单目录效果 .parentNode 寻找父级 .children 寻找所以子级 .classList.toggle("show");//切换样式 .querySelectorAll//寻找该元素里所有的子元素 下面是js代码 var div1=document.querySelectorAll("#odiv .div1") for(let i...

首先得了解 **event**里有些什么 screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。 pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动 通过两个鼠标点击事件 onmousedo...

先送上前端代码 <div class="q1"> <div id="set"></div> <input type="text" id="put" /> <div> <button onclick="fool(7)">7</button> <button onclick...