自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 绘制表盘

效果: 代码: 注意:代码中的js库用的是之前文章发过的myjs.js库 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &lt

2020-05-17 11:49:53 432

原创 输出当前的时间(函数封装)

要求:用计时器把当前时间的时分秒每1秒钟在页面的p标签中展示一次时间格式(xx:xx:xx的格式),做出一个时钟效果,第一秒页面也要展示一次时间 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2020-05-14 12:34:20 464

原创 依次掉落的方块2

要求:在页面上布局平铺20个50X50红色的方块,点击我们的浏览器的窗口时让每个方块每隔200毫秒以每30毫秒7像素的速度掉下来一个,直到所有的方块掉到距离左边500,上边500的位置,并消失。 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

2020-05-13 18:08:27 151

原创 依次掉落的方块

要求:在页面上布局平铺20个50X50红色的方块,点击我们的浏览器的窗口时让每个方块每隔200毫秒以每30毫秒7像素的速度掉下来一个,直到所有的方块掉到500的位置 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

2020-05-13 18:05:00 266

原创 延时消失的下拉框

结果:类似于扣扣上鼠标移入某人的头像,会展示详细内容效果,此时如果鼠标放在显示内容的界面上,它不会消失;如果鼠标从展示内容上离开后消失 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt

2020-05-11 22:41:02 227

原创 延时的弹窗

要求:页面刷新后,1.5秒显示div,点击关闭可以隐藏div,如果不点那么等待2秒后自动关闭 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C

2020-05-11 14:06:00 405

原创 游戏-猜数字

结果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <

2020-05-09 13:42:03 230

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除