小宁博客

迷失的人迷失了，相逢的人会再相逢

javascript中的冒泡机制

冒泡机制（event）当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这...

2018 年 04 月 20 日

javascript常用的事件

事件描述window.onscroll屏幕滑动window.onresize浏览器大小变化window....

2018 年 04 月 20 日

javascript中三大家族的区别

Width和heightclientWidth = width + paddingclientHeight = height + paddingof...

2018 年 04 月 20 日

javascript中的client家族

clientWidth和clientHeightclientWidth 获取网页可视区域宽度（两种...

2018 年 04 月 20 日

模拟滚动条

描述：由于浏览器的渲染内核不一样，当页面过长或者过宽的时候，出现的滚动条的样式不一致，所以我们可以自己写滚动条。当文字过多的时候，就会出现滚动条，滚动条的...

2018 年 04 月 19 日

窗口的拖拉案例

描述：用户在弹出窗口的特定区域点击鼠标左键之后，可以对弹出的窗口进行拖拉，鼠标移开之后，窗口固定在最终的...

2018 年 04 月 19 日

放大镜的制作

描述：当用户放在某张图片上的某一位置的时候，该区域在另外的地方进行放大。鼠标离开恢复原状，类似淘宝的查看商品的大图。原理：准备两张等比例的图片，小的图片是...

2018 年 04 月 18 日

获取鼠标在盒子中的位置

描述：获取鼠标在页面中某个盒子的位置。当用户鼠标放在页面中的任意一个盒子的时候，可以获取鼠标在该盒子中的...

2018 年 04 月 18 日

javascript实现鼠标跟随

描述:当用户点击页面的任意位置的时候，让控制的部件缓慢移动到该位置。实现代码：<!DOCTYPE html> <html lang=&q...

2018 年 04 月 18 日

javascript中的事件对象（event）

描述：再触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所...

2018 年 04 月 18 日