会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
shanlu
博客园
首页
新随笔
联系
管理
订阅
上一页
1
···
34
35
36
37
38
39
40
41
42
···
44
下一页
2019年7月28日
返回当前样式的函数
摘要: Document
阅读全文
posted @ 2019-07-28 20:26 shanlu
阅读(168)
评论(0)
推荐(0)
编辑
遍历json
摘要: 注意: 遍历json ,k 是属性, json[k]是属性的值
阅读全文
posted @ 2019-07-28 20:25 shanlu
阅读(157)
评论(0)
推荐(0)
编辑
2019年7月27日
选中文字弹出提示
摘要: 关键代码: 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)
编辑
轮播图--js课程
摘要: 效果: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)
编辑
2019年7月26日
窗口滚动效果
摘要: 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
下一页
公告