- 博客(7)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 前端课程视频列表-新增移动端开发基础【2020年8月15日】
因为疫情，在家上网课。借用了网络平台，感觉录制的视频可以成一个系列了。做一个清单出来，方便后面的同学观看。课程概述 webstorm浏览器设置 webstorm 软件基本使用 ...
2020-04-28 15:53:30
1439
2
原创 CSS3干货16：妙用属性选择器制作文件链接
有时候，我们需要给网页添加文件链接。用户点击后，可以直接下载。为了更好的用户体验，链接的是什么类型，我们需要用一个图标去提示用户。比如，链接到 word，就用 word 图标；链接到 pdf，就用一个 pdf 图标。可以用 class 给 word，pdf 等文件写一个专用的类，把图标作为标签的背景添加。但是这个方法不是今天讨论的内容。今天我们利用 CSS3 的属性选择器，来根...
2020-04-21 18:58:53
340
原创 JavaScript 练手小案例：九宫格抽奖
看到个抽奖案例，觉得还不错。就自己做了一个简单版本。。点击中间的开始，抽奖就会跑起来，速度由慢到快，再到慢，最后停下。停下的格子就是中奖的奖品。主要思路：1、抽奖的高亮色块轮循，使用一个 class 去控制。2、要控制色块轮循的速度快慢，要用到计时器 setTimeout，可以控制轮循速度。3、正在抽奖轮循的时候，开始按钮是不能点击的。4、轮循的次数是一个随机数，这样...
2020-04-11 19:08:33
3215
原创 CSS3干货15：旋转摩天轮
今天做项目，无意看到个摩天轮效果，甚是有意思，决定自己来做做。原效果是JS 写的，我懒得用JS，就用 CSS3 写一个。那么多美女围绕着转，开心的要死，所以放了个单纯的小男孩在中间代表我的心情~效果动图如下：旋转的图片想做都少都无所谓，我这里做12个。主要的原理就是利用了 CSS3 的 transform 的位移 和 旋转变形，以及帧动画。HTML结构12张图，就用一个 u...
2020-04-07 12:25:54
3338
原创 CSS3干货14：自定义页面滚动条
自定义滚动条最早是 IE 玩出来的，但是后来， 不知道为什么 IE 把这个有意思的功能废弃了。现在各大浏览器又想重新拿起来这个功能，但是显得就有点混乱了，做的最好的还是 webkit 内核的浏览器。这里分三种主流浏览器Firefox，Chromium，IE 来讨论。先声明：此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文...
2020-04-04 16:04:27
3462
1
原创 JavaScript练手小技巧：页面遮罩层
有时候，我们需要在页面上创建一个遮罩层，以突出某个对话框。比如，某度的登录框：这个遮罩层，盖住了整个页面，并且随着页面的滚动，也一直稳如老狗，贴在页面上，纹丝不动。看上去很复杂，其实很简单~！1. 就是一个固定定位的标签，贴在整个窗口上，背景色为半透明的黑色~！2. 还可以借机去掉窗口的滚动条，这样就连窗口滚动都不可以。3. 有的遮罩层点击后，还可以去掉它。这里利用一个...
2020-04-03 21:54:37
3968
5
原创 CSS3干货13：把页面变成黑白灰色彩
2020年的第一季度，一场突如其来的疫情，让整个世界蒙上了阴影。明天（4月4日），国家将进行哀悼活动。作为 IT 人，我也想要用自己的行动为这场疫情中s去的英雄和群众表示深切的哀悼。短短的几行 CSS 代码变灰整个页面，略表示沉痛的心情：html,body{ filter:grayscale(1); filter: gray; /* IE9 - */}具体就是...
2020-04-03 21:28:35
3065
3
HTML5原生态JS的音乐播放器-带lRC歌词分析.rar
2020-03-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人