慕课
文章平均质量分 89
wjiaoling136
这个作者很懒,什么都没留下…
展开
-
用JS实现放大镜特效
先来张效果图: 这个特效是跟着慕课网上的视频学的,视频链接如下:https://www.imooc.com/learn/32源码和技术点已经上传到附件,有需要的可以查看、下载。下面直接上代码(PS:代码中的注释是根据个人理解添加的,并不是老师原有的注释):页面结构:<div id="demo"> <!--左侧小图片区域--> <...原创 2017-11-24 11:12:08 · 200 阅读 · 0 评论 -
图片预加载学习(二):有序加载之图片切换
基本效果同前一篇,业务有所变化:前一篇是先显示进度条待所有的图片加载完成了再显示图片,这一篇是先显示第一张图片然后依次加载其他图片(比较适合于有内容的图片,人在看第一张图片时程序默默的加载后面的图片) 然后还是那几句:这个特效是跟着慕课网上的视频学的,视频链接如下:https://www.imooc.com/learn/502源码和技术点已经上传到附件,有需要的可以查看、下载。...原创 2017-11-27 14:56:17 · 424 阅读 · 0 评论 -
图片预加载学习(一):无序加载之图片切换
先来个基本效果的图:图片是百度上瞎搜的,大家凑合看。然后说说节本业务:打开页面时显示一个进度条,是“所有图片加载的进度信息”,等所有的图片都加载完成了再开始显示上图的效果。 再然后还是那几句:这个特效是跟着慕课网上的视频学的,视频链接如下:https://www.imooc.com/learn/502源码和技术点已经上传到附件,有需要的可以查看、下载。下面直接上代码(PS:代码...原创 2017-11-27 15:02:02 · 273 阅读 · 0 评论 -
图片预加载学习(三):无序加载之图片切换
先来张效果图:基本业务:点击“表情”字样或“图标”时显示“表情加载中,请稍后...” 的提示信息,等所有的表情都加载完成了再显示出来。 接下来还是那几句: 这个特效是跟着慕课网上的视频学的,视频链接如下:https://www.imooc.com/learn/502源码和技术点已经上传到附件,有需要的可以查看、下载。 下面直接上代码(PS:代码中的注释是根据个人...原创 2017-11-27 15:03:23 · 241 阅读 · 0 评论 -
canvas学习(十五):学写一个字
先来张效果图:这个特效是跟着慕课网上的视频学的,视频链接如下:https://www.imooc.com/learn/284源码和技术点已经上传到附件,有需要的可以查看、下载。下面直接上代码(PS:代码中的注释是根据个人理解添加的,并不是老师原有的注释):页面结构:<!doctype html><html lang="en"> <hea...原创 2017-11-27 15:03:54 · 218 阅读 · 0 评论