- 博客(5)
- 收藏
- 关注
原创 伪类与计时器的结合使用
开发工具与关键技术: DW、前端作者:梁锦豪撰写时间:2019/1/16我们可以将伪类(hover)与计时器结合使用达到一些,想要的动画效果比如我们老师教我们的口风琴例子:先将一个个盒子沿X轴隐藏;然后给其加沿X轴出现的伪类hover设置每个小盒子出现的时间,也就是添加计时器:看起来每个盒子出现的时间都不相同,从而达到口风琴的效果。当然可以设置显示和隐藏,也可以设置...
2019-01-19 15:47:28 125
原创 JS控制元素的显示和隐藏
开发工具与关键技术: DW、前端作者:梁锦豪撰写时间:2019/1/16当我们想要通过事件来控制元素时,我们可以用JavaScript来实现下面是通过鼠标移入,移出事件来控制元素的显示与隐藏的例子:首先,要先申明变量,找到元素:然后给它添加移入事件(onmouseover)移出事件(onmouseout)通过函数function()来控制标签中的display的值,从而达到移入...
2019-01-19 15:39:39 11300
原创 Html颜色颜色选择器小技巧
开发工具与关键技术: DW、前端作者:梁锦豪撰写时间:2019/1/16我们在做页面的时候一般用ps的拾色器;其实在HTML的颜色选择器中也存在拾色器:使用的方法是按住图标(也就是黄色圈圈的那个)不要松开鼠标左键,拖到你要拾色的位置,再松开鼠标。我们还可以设置颜色的透明度:最后一个值就是透明度,也可以通过图上的滚动条来设置。也可以进行颜色的保存记录:把你想要的保存或记录...
2019-01-19 15:36:15 3086
原创 HTML简单的布局技巧
开发工具与关键技术: DW、前端作者:梁锦豪撰写时间:2019/1/16div:在学习html的第一步就是学习如何去布局,要做到代码的可读性高,所以容器与容器之间要层级分明,如图:如果杂乱无章,将很难判断它们之间的关系,如图:最好用响应式的布局,那就可以兼容手机端,否则在手机端上样式布局就会出现错乱。响应式布局首先要引入bootstrap插件,然后在标签里加入这句代码,在容器con...
2019-01-19 15:27:57 1446
原创 audio与video
开发工具与关键技术: DW、前端作者:梁锦豪撰写时间:2019/1/16可以在页面中插入音乐的标签audio可以在页面中插入视频的标签video:这俩个标签都有着一些相同的属性,如:loop无限单循环;Autoplay 在页面加载完之后播放;Controls 控制器...
2019-01-19 15:01:58 1281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人