这个案例功能是模仿京东的一个小功能，如下图所示： 鼠标移动到箭头时，问题反馈这个盒子从右边滑动出来，鼠标一离开，向左边滑动过去 <!-- CSS样式 --> <style> .sliderbar { position: fixed; right: 0; bottom: 100px; width: 4 Read More
1. 原先侧边栏是绝对定位（相对于body来定位） 2. 当页面滚动到一定位置时（header部分全部被卷去时），侧边栏改为固定定位 3. 页面继续滚动，会让“返回顶部”显示出来（滚动到main区域时，显示“返回顶部”） 需要用到页面滚动事件scroll，因为是页面滚动，所以事件源是document Read More
整个案例可以分为三个功能模块： ① 鼠标经过小图片盒子，黄色的遮挡层和大图片盒子显示，离开则隐藏遮挡层和大图片的盒子的功能：就是显示与隐藏。 ② 黄色的遮藏层要跟随鼠标移动的功能： 把鼠标坐标给遮挡层不合适，因为遮挡层是用定位方式设置的，所以它的坐标是以父盒子为准的 首先获得鼠标在盒子里的坐标 之后 Read More
下面是flexible.js的源码： // 立即执行函数 (function() {})() 或者 (function() {} ()) // 主要作用：创建一个独立的作用域，里面所有的变量都是局部变量，避免了命名冲突问题 // 立即执行函数不需要调用，立马能够自己执行 (function flex Read More
实现功能：弹出框也称为模态框 ① 点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层，display: block; ② 点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层，display: none; ③ 鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动 ④ 鼠标松开，可以停 Read More