彭俊平的博客

两个方法都是点击事件，但有什么区别呢？$(selector).click(): 处理静态的DOM元素，HTML加载后的页面元素。$(selector).on('click'): 处理动态的DOM元素，页面加载后动态添加的元素。其他dblclick、事件也是一样的原理。...

实现特效所需的技术点：onmouseover：鼠标移动到指定的对象上发生；onmouseout：鼠标移出指定的对象时发生；onmouseover：鼠标在移动时发生；offsetLeft：获取当前元素距父元素左侧的值；offsetTop：获取当前元素距父元素顶部的值offsetWidth：获取当前元素的宽度；offsetHeight：获取当前元素的高度；event.clientX：获...

分享一个小案例，使用原生 js 实现菜单点击动态添加 active类，没有使用jQuery。样式：style.css*{ margin: 0; padding: 0;}ul{ margin: 0 auto; display: flex; justify-content: center; align-items: center; hei...

在前端布局后台管理界面中，我们在创建导航菜单的时候，经常会有菜单项内嵌子菜单布局，点击菜单项实现子菜单的显示与影藏。实现结果其实很简单，控制子菜单列表的 css 样式：`display: block/none` 。

在我们的布局中，水平居中很容易，但垂直居中稍微有点复杂。下面就给大家分享下通过Flex布局轻松实现登录框在水平、垂直方向上的居中效果。完整代码：* { margin: 0; padding: 0;}body { height: 100vh; display: flex; /*登录框水平垂直居中*/ justify-content: cent...