Future老师带你使用JS和JQuery实现两种时钟效果

论坛 期权论坛 期权     
siki   2019-7-29 01:11   3325   0
[iframe]https://v.qq.com/iframe/preview.html?width=500&height=375&auto=0&vid=t0904yffs5f[/iframe]
课程介绍:
本课程使用JS和JQuery实现时钟效果,主要讲解使用两种方式实现在网页中的旋转技术,一种是基本的JS和CSS实现,这是基础,有了对于基础的掌握在学习高级知识的过程中就会发现很得心应手,一种是使用JQuery的插件JQueryRotate来实现,这就有一点高级的内容了,因为实现的手法更加便捷,而且可以应付的情况更多了,在实际项目开发中,肯定是上上之选了。
课程中的两个小效果表现都很不错,如果学会对于点缀自己的网站项目肯定是锦上添花的,希望大家用心听讲哦!

课时列表:
01-课程说明
02-CSS实现网页元素的旋转
03-使用JqueryRotate插件进行旋转操作
04-时钟案例-显示表盘
05-时钟案例-秒针的布局和细微调整
06-时钟案例-秒针调整旋转原点-编写定时器秒针动起来
07-时钟案例-秒针设置为当前时间-添加秒针头像
08-时钟案例-分针的布局和旋转角度计算
09-时钟案例-时针的布局和旋转角度计算
10-时钟案例-使用JqueryRotate插件简化时钟代码
11-时钟案例-添加声音-布局按钮
12-时钟案例-添加声音-编写代码播放声音
13-数码管时钟-创建工程-基本布局
14-数码管时钟-时间布局
15-数码管时钟-VerticalAlign样式说明
16-数码管时钟-日期和星期布局
17-数码管时钟-根据当前时间变化秒钟图片
18-数码管时钟-根据当前时间变化小时和分钟的图片
19-数码管时钟-根据当前时间变化年月日图片
20-项目应用-布局钟表支架和页面图片
21-项目应用-给页面添加旋转时钟
观看地址:
http://www.sikiedu.com/my/course/476
点击阅读原文进入SiKi学院观看

         
          SiKi学院
大量编程视频教程学习
Unity Unreal Javaee
生命不息、战斗不止

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:
帖子:
精华:
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP