- 2024-08-03HTML侧边部分内容滑动跟随 左侧跟随滚动模块代码
网站是左右两列板块布局，左侧规划了客服代码，当鼠标下拉的时候，微信客服代码会出现上移的情况。为了提高转化，希望左侧客服模块跟随内容滚动。网站左侧跟随滚动模块这是截止目前最简单、高效的方法，代码简洁。代码<divid="box"><divid="float"class="div1">在这里放
- 2023-12-25Vue3之实现一个可拖拽的div
实现一个可拖拽的div写法如下：constchatbox=ref();constdragx=(el)=>{letoDiv=chatbox.value;//当前元素letdisX=el.clientX-oDiv.offsetLeft;letdisY=el.clientY-oDiv.offsetTop;document.onmousemove=function(e){//通过事件委托，
- 2023-10-2803 BOM&DOM对象
document.getElementsByClassName("box")[0].onclick=function(){location.href="http://www.baidu.com"}alert("======")res=confirm("你确定删库跑路吗")console.log(res)varwin=open("http://www.baidu.com","
- 2023-07-11div小窗的拖动
最近要做一个置顶聊天框的功能，想着要给他做成可以拖动的一开始使用的是@mousedown+@mousemove+@mouseup来进行小窗口的拖动，但是出现拖动的时候小窗会闪烁，并且位置距离也不好把控，效果不好。然后借鉴了网上大神的帖子，使用v-drage和directives对div进行拖动首先，在控件最外面的div
- 2023-04-06node节点是什么，有哪些神操作
1.node节点(更详细的获取(设置)页面中所有的内容)根据W3C的HTMLDOM标准，HTML文档中的所有内容都是节点：元素是节点的别称，节点包含元素当然节点还有好多细化的种类;有元素节点、属性节点、文本节点.......节点的关系从这里真正的体现出来根节点：root>>>>HTML没有父节点;
- 2023-04-06node节点是什么，有哪些神操作
1.node节点(更详细的获取(设置)页面中所有的内容)根据W3C的HTMLDOM标准，HTML文档中的所有内容都是节点：元素是节点的别称，节点包含元素当然节点还有好多细化的种类;有元素节点、属性节点、文本节点.......节点的关系从这里真正的体现出来根节点：root>>>>HTML没有父节点;节点操作：(
- 2023-03-11Vue实现div可拖动组件 并可操纵盒子大小
Vue实现div可拖动组件并可操纵盒子大小借鉴文章:https://blog.csdn.net/qq_46103732/article/details/128902192场景：在pc端项目中会碰到弹框后多个页面重叠的场景，类似
- 2023-03-03[前端] html和原生js实现鼠标拖动和触摸拖动以及点击后跟随鼠标移动
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>悬浮窗拖动点击事件</title><style>div{width:100px;
- 2023-02-27原生js模仿京东图片放大镜效果
实现放大镜效果，是需要两张图片，记得两张图片的比例要保持一致哦嗯，挺简单的，所以直接上代码喽，有不懂的可以评论区留言哦<!DOCTYPEhtml><htmllang="en"><head><metachars
- 2023-02-21vue拖拽指令
Vue.directive('drag',{//1.指令绑定到元素上回立刻执行bind函数，只执行一次//2.每个函数中第一个参数永远是el，表示绑定指令的元素，el参数是原生js对象//3.通过
- 2023-02-14只允许在指定范围里拖拽
废话不多说代码如下我的查看代码letoDiv=document.querySelector('div')letflag=false;oDiv.addEventListener('mousedown',(e)=>{letx=e
- 2022-12-14实现一个可拖拽的div（vue3写法）
constchatbox=ref();constdragx=(el)=>{letoDiv=chatbox.value;//当前元素letdisX=el.clientX-oDiv.offsetLeft;letdisY=el.clientY-oDi
- 2022-12-10前端开发系列032-基础篇之DOM
title:'前端开发系列032-基础篇之DOM'tags:-javaScript系列categories:[]date:2017-08-1608:20:13本文将详细介绍DOM相关的知识点，包括但不限于Document文档
- 2022-11-28JS动画框架及案例
JS动画效果：综合——运动框架move.js1、简单动画1-1、速度动画D01_share.html1-2、透明度动画D02_opacity.html2、缓冲动画2-1、缓冲动画D03_speed.html3
- 2022-11-17前端路由的原理
1、window.onhashchange（监听URLhash）：当一个窗口的hash（URL中#后面的部分）的改变时就会触发hashchange事件。2、在hashchange 事件中匹配URL，存在则加载对应的DOM元
- 2022-09-29JavaScript 事件
EVENT（上）之前我们简单的了解过一些事件，比如onclick /onload /onscroll /...今天开始，我们详细的学习一些事件什么是事件一个事件由什么东西