上一页 1 ··· 33 34 35 36 37 38 39 40 41 ··· 44 下一页
摘要: 关键代码: 1,mousemove 鼠标移动事件,只要鼠标移动1px , 就会触发这个事件 2,核心原理,鼠标每次移动,就会获得新的鼠标的坐标值,把这个x和y坐标值给图片的 left 和 top值,就能实现图片跟随鼠标移动 3,改进 图片跟随鼠标的移动,鼠标始终在图片的左上角,想要把鼠标放在图片的正 阅读全文
posted @ 2019-09-07 15:26 shanlu 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 1,事件委托原理:给父节点添加侦听器,利用事件冒泡影响每一个字节点 点击任意一个li,都能弹出警示框,:给ul 绑定事件,点击任意一个li 时,li不注册事件,而是向上冒泡委托给ul 响应事件,那么ul 下面的每一个li 都会执行事件处理程序 2, 这是事件冒泡的好处 阅读全文
posted @ 2019-09-07 12:09 shanlu 阅读(565) 评论(0) 推荐(0) 编辑
摘要: <1>注册事件(绑定事件) 方法①:传统方式注册事件 方法②:事件侦听注册事件 addEventListener 注意,里面的事件类型是字符串,必定加引号,而且不带 on 同一个元素,同一个事件,可以添加多个侦听器(事件处理程序,事件函数) 方法③: attachEvent 注册事件 (ie9以下才 阅读全文
posted @ 2019-09-07 11:18 shanlu 阅读(643) 评论(0) 推荐(0) 编辑
摘要: <1>布局:一个table表格,表格分为两个部分,上面是thead表头,表头里面仅一行,有4列(th), 下面是tbody表格内容,要求tbody中的每一行都是用js动态创建的 <2>样式 <3>js动态创建表格: 第一步:先准备数据,一共有三个人的成绩,作为三个对象放进数组中 第二步:在tbody 阅读全文
posted @ 2019-09-07 00:42 shanlu 阅读(25942) 评论(1) 推荐(3) 编辑
摘要: Document 300 600 阅读全文
posted @ 2019-08-06 11:22 shanlu 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 效果: 鼠标经过图片上方,图片变为“张艺兴.jpg" , 鼠标离开图片上方,图片变成 ”吴亦凡. jpg " (通过改变图片的 src 属性) 阅读全文
posted @ 2019-07-28 20:45 shanlu 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 每张图片一点击,整个文档的背景图片就会更换为所点击的图片 注意,获取body元素 : document.body 阅读全文
posted @ 2019-07-28 20:40 shanlu 阅读(449) 评论(0) 推荐(0) 编辑
摘要: 关键代码: 1, demo(最外面整个大盒子)的定位 固定定位,放在页面的右下方 span(关闭按钮)绝对定位在demo的右上方: 2,防止冒泡,因为span(关闭按钮)的父元素是demo, 所以不能直接写 span.onclick , 这样会发生冒泡,相当于点击了父元素demo, 事件会响应在父元 阅读全文
posted @ 2019-07-28 20:28 shanlu 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 点击上方的任意一个按钮,下面的盒子相应的做出动画效果, 关键代码: var json={width:400,height:400,top:400,left:400,opacity:60 ,zIndex:2}; run(demo,json); 阅读全文
posted @ 2019-07-28 20:28 shanlu 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 关键代码: 1, 封装单个属性的运动框架函数,run ( obj , attr , target ) , 三个参数,”谁的“ “哪个属性” “改成多少” 2, run(obj,attr,target) 先获取当前样式(调用getStyle(obj,attr)函数),然后获取步长(步长公式:(targ 阅读全文
posted @ 2019-07-28 20:27 shanlu 阅读(195) 评论(0) 推荐(0) 编辑
上一页 1 ··· 33 34 35 36 37 38 39 40 41 ··· 44 下一页