摘要: 效果: 鼠标经过图片上方,图片变为“张艺兴.jpg" , 鼠标离开图片上方,图片变成 ”吴亦凡. jpg " (通过改变图片的 src 属性) 阅读全文
posted @ 2019-07-28 20:45 shanlu 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 每张图片一点击,整个文档的背景图片就会更换为所点击的图片 注意,获取body元素 : document.body 阅读全文
posted @ 2019-07-28 20:40 shanlu 阅读(445) 评论(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, demo(最外面整个大盒子)的定位 固定定位,放在页面的右下方 span(关闭按钮)绝对定位在demo的右上方: 2,防止冒泡,因为span(关闭按钮)的父元素是demo, 所以不能直接写 span.onclick , 这样会发生冒泡,相当于点击了父元素demo, 事件会响应在父元 阅读全文
posted @ 2019-07-28 20:28 shanlu 阅读(124) 评论(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) 编辑
摘要: Document 阅读全文
posted @ 2019-07-28 20:26 shanlu 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 注意: 遍历json ,k 是属性, json[k]是属性的值 阅读全文
posted @ 2019-07-28 20:25 shanlu 阅读(154) 评论(0) 推荐(0) 编辑