上一页 1 ··· 34 35 36 37 38 39 40 41 42 ··· 44 下一页
摘要: Document 阅读全文
posted @ 2019-07-28 20:26 shanlu 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 注意: 遍历json ,k 是属性, json[k]是属性的值 阅读全文
posted @ 2019-07-28 20:25 shanlu 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 关键代码: 1,tip的定位 2,, 鼠标移动到文字内容的上方,或获取到鼠标停止处的clientX, clientY 坐标,然后如果有选中的文字,就将该文字显示在隐藏的tip提示框里; 选中文字之后,延迟几秒显示提示框,用setTimeout而不是setInterval , 因为提示框只显示一次。 阅读全文
posted @ 2019-07-27 20:45 shanlu 阅读(527) 评论(0) 推荐(0) 编辑
摘要: 动画实现原理: 核心原理:通过定时器 setInterval()不断移动盒子位置 实现步骤: 1,获得盒子当前位置 demo.offsetLeft 2,让盒子在当前位置加上1个移动距离 3,利用定时器不断重复这个操作 4,加一个结束定时器的条件 5,注意此元素需要添加定位,才能使用 element. 阅读全文
posted @ 2019-07-27 20:44 shanlu 阅读(1091) 评论(0) 推荐(0) 编辑
摘要: Document 300 600 阅读全文
posted @ 2019-07-27 20:44 shanlu 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 动画函数给不同元素记录不同定时器: obj.timer 如果多个元素都使用这个动画函数,每次都要 var 声明定时器 ,我们可以给不同的元素使用不同的定时器 核心原理:利用JS是一门动态语言,可以很方便的给当前对象添加属性 阅读全文
posted @ 2019-07-27 20:42 shanlu 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 效果:1,轮播图要无缝滚动(处理:5张轮播图的最后再添加一张轮播图,即添加第一张图片放在最 后) 2,右下方的按钮跟随轮播图的滚动而滚动(pic=anniu=this.index,鼠标碰到按钮上,都以当 前的索引号为主) 3,自动播放,设置定时器。 关键代码: 1,布局:(5个按钮在js里面添加) 阅读全文
posted @ 2019-07-27 20:42 shanlu 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 缓动效果原理: 缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来 思路: 1,让盒子每次移动的距离慢慢变小,速度就会慢慢落下来 2,核心算法:(目标值-现在的位置)/10 作为每次移动的距离 步长 3,停止的条件是:让当前盒子位置等于目标位置就停止定时器 4,注意步长值需要取整 判断步 阅读全文
posted @ 2019-07-27 20:41 shanlu 阅读(380) 评论(0) 推荐(0) 编辑
摘要: Document 阅读全文
posted @ 2019-07-26 21:05 shanlu 阅读(237) 评论(0) 推荐(0) 编辑
摘要: Document 首页 体育 财经 新闻 关注 首页 体育 财经 新闻 关注 阅读全文
posted @ 2019-07-26 21:03 shanlu 阅读(256) 评论(0) 推荐(0) 编辑
上一页 1 ··· 34 35 36 37 38 39 40 41 42 ··· 44 下一页