摘要: 关键代码: 1,mousemove 鼠标移动事件,只要鼠标移动1px , 就会触发这个事件 2,核心原理,鼠标每次移动,就会获得新的鼠标的坐标值,把这个x和y坐标值给图片的 left 和 top值,就能实现图片跟随鼠标移动 3,改进 图片跟随鼠标的移动,鼠标始终在图片的左上角,想要把鼠标放在图片的正 阅读全文
posted @ 2019-09-07 15:26 shanlu 阅读(701) 评论(0) 推荐(0) 编辑
摘要: 1,事件委托原理:给父节点添加侦听器,利用事件冒泡影响每一个字节点 点击任意一个li,都能弹出警示框,:给ul 绑定事件,点击任意一个li 时,li不注册事件,而是向上冒泡委托给ul 响应事件,那么ul 下面的每一个li 都会执行事件处理程序 2, 这是事件冒泡的好处 阅读全文
posted @ 2019-09-07 12:09 shanlu 阅读(564) 评论(0) 推荐(0) 编辑
摘要: <1>注册事件(绑定事件) 方法①:传统方式注册事件 方法②:事件侦听注册事件 addEventListener 注意,里面的事件类型是字符串,必定加引号,而且不带 on 同一个元素,同一个事件,可以添加多个侦听器(事件处理程序,事件函数) 方法③: attachEvent 注册事件 (ie9以下才 阅读全文
posted @ 2019-09-07 11:18 shanlu 阅读(636) 评论(0) 推荐(0) 编辑
摘要: <1>布局:一个table表格,表格分为两个部分,上面是thead表头,表头里面仅一行,有4列(th), 下面是tbody表格内容,要求tbody中的每一行都是用js动态创建的 <2>样式 <3>js动态创建表格: 第一步:先准备数据,一共有三个人的成绩,作为三个对象放进数组中 第二步:在tbody 阅读全文
posted @ 2019-09-07 00:42 shanlu 阅读(25820) 评论(1) 推荐(3) 编辑