冒泡定义:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。(摘自网络) 1. 阻止事件冒泡, 并不阻止事件行为 ...
冒泡定义:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。(摘自网络) 1. 阻止事件冒泡, 并不阻止事件行为 ...
...
使用原生JS,实现鼠标点击爱心效果 !!! 引言: 在很多时候我们都需要实现鼠标点击出现图案或者文字这样的效果,对于用户而言,这样的体验是很极致的。其实实现起来也很简单,下面一起来学习一下吧。文末附上完整代码,可以复制关键部分直接使用到自己的页面上 实现效果 这样的效果很常用 ...
css部分: <style type="text/css"> .pop { width:200px; height:130px; background:#080;} </style> 样式与JS部分: <body> <script type ...
效果如图以下是代码 <script> !function(e, t, a) { function r() { for (var e = 0; e < s.length; e++ ...
最近用原生js做项目练手,自己尝试做了下,可以直接复制代码看效果 View Code 先把html、css部分代码呈上来,我这里是用一个div包裹另一个div,并且最外层的div是设置高度为0的 先写一个兼容ie8 ...