I am a teacher!

导航

统计

2020年10月22日 #

C语言程序设计100例之(33):加法算式

摘要:例33 加法算式 问题描述 看这个加法算式: ☆☆☆ + ☆☆☆ = ☆☆☆ 如果每个五角星代表 1 ~ 9 的不同的数字。 这个算式有多少种可能的正确填写方法? 173 + 286 = 459 295 + 173 = 468 173 + 295 = 468 183 + 492 = 675 以上都是 阅读全文

posted @ 2020-10-22 12:11 aTeacher 阅读(97) 评论(0) 推荐(1) 编辑

2020年9月29日 #

JavaScript动画实例:爆裂的粒子

摘要:1.一个粒子的运动 一个半径为3的实心圆以画布的中心(canvas.width/2,canvas.height/2)为起点,沿着一条曲线进行移动。编写如下的HTML代码。 <!DOCTYPE html> <html> <head> <title>粒子的运动</title> </head> <body 阅读全文

posted @ 2020-09-29 05:31 aTeacher 阅读(143) 评论(0) 推荐(0) 编辑

2020年9月28日 #

JavaScript动画实例:沿圆周运动的圆圈

摘要:1.一个沿圆周运动的圆圈 一个半径为size的圆圈以画布的中心(canvas.width/2,canvas.height/2)为起点,沿着一个圆周运动。编写如下的HTML代码。 <!DOCTYPE html> <html> <head> <title>沿圆周运动的圆圈</title> </head> 阅读全文

posted @ 2020-09-28 05:50 aTeacher 阅读(151) 评论(1) 推荐(1) 编辑

2020年9月23日 #

CSS动画实例:双螺旋旋转

摘要:设页面中有<div class=' ele '></div>,定义. ele的样式规则如下: .ele { position: relative; width: 1px; height: 100px; margin: 10px 10px; border-left: 1px #B0B0B0 dashe 阅读全文

posted @ 2020-09-23 11:10 aTeacher 阅读(81) 评论(0) 推荐(1) 编辑

2020年9月22日 #

CSS动画实例:正方形动画特效

摘要:设页面中有<div class="square"></div>,若定义. square的样式规则如下: .square { margin: 20px auto; position: relative; width: 260px; height: 260px; border:5px solid #f0 阅读全文

posted @ 2020-09-22 06:35 aTeacher 阅读(204) 评论(0) 推荐(1) 编辑

2020年9月3日 #

CSS动画实例:涡旋

摘要:设页面中有<div class=" vortex "></div>,若定义. vortex的样式规则和关键帧如下: .vortex { position: relative; margin: 100px auto; border-radius: 50%; width:200px; height:20 阅读全文

posted @ 2020-09-03 09:15 aTeacher 阅读(115) 评论(0) 推荐(1) 编辑

2020年9月1日 #

CSS动画实例:食豆人

摘要:设页面中有<div class="pacman"></div>,若定义. pacman的样式规则为: .pacman { position: absolute; width:0px; height:0px; top:100px; left:30px; border-right:50px solid 阅读全文

posted @ 2020-09-01 12:06 aTeacher 阅读(105) 评论(0) 推荐(0) 编辑

2020年8月31日 #

CSS动画实例:圆与圆的碰撞

摘要:在页面中放置9个<div class=” circle”></div>,定义每个.circle的样式规则,使得9个圆在页面中显示为半径依次相差20px的同心圆。定义关键帧anim,使得9个圆各自按给定的延迟沿左下角到右上角的直线移动,形成圆与圆碰撞的效果,碰撞后改变移动方向,从而保证里面的小圆一定在 阅读全文

posted @ 2020-08-31 06:05 aTeacher 阅读(119) 评论(0) 推荐(0) 编辑

2020年8月30日 #

CSS动画基础:常用动画效果的设置

摘要:设页面中有<div class=”shape”></div>,若定义.shape的样式规则为: .shape { position: absolute; left:125px; top:75px; width: 150px; height: 150px; border-radius:10% 50% 阅读全文

posted @ 2020-08-30 18:36 aTeacher 阅读(197) 评论(0) 推荐(1) 编辑

CSS动画实例:旋转的同心圆

摘要:设页面中有<div class=” wrap”></div>,若定义.wrap的样式规则为: .wrap { width: 200px; height: 100px; top:100px; left:100px; position: absolute; background-color:#ff0; 阅读全文

posted @ 2020-08-30 05:14 aTeacher 阅读(112) 评论(0) 推荐(0) 编辑