摘要：
效果： 解析： 代码里面我做了fooer列表部分，用了font-awesome图标，这个不影响。 波浪效果主要是用animation实现的。 元素wave-list1相对定位，其他三个绝对定位。 波浪图写入两次是为了避免动画效果结束之后出现间断，对第二张图设置延迟，这样当wave-list1的x轴从 阅读全文
摘要：
前言：图片设置了hover属性有遮罩，同时定位了一个h标签，由于布局原因，遮罩效果不能设置在图片和h标签的父元素上，这就导致，鼠标悬浮到图片上时有hover效果，但是漂到h文本上时，就无效果显示。 由上可知，这是因为h标签的定位原因，使堆叠顺序是大于img的原因。如果将h标签堆叠顺序改小，那它的文本 阅读全文
摘要：
1.区别： Javascript Javascript是浏览器的脚步语言。 用来对网页操作改进，验证表单，检查浏览器，等应用 HTML DOM 是文档对象模型，通过DOM，可以访问所有的HTML元素，包含文本和属性。 2.联系： 通过 JavaScript，可以重构整个 HTML 文档。进行添加、移 阅读全文
摘要：
jQuery API 速查表 https://jquery.cuishifeng.cn/ CSS速查表 http://css.cuishifeng.cn/index.html 阅读全文
摘要：
前言：添加动态特效，首页你的博客要开启Js权限 转到设置，在博客侧边栏公告那里，要申请Js权限。上图：我这里是已经开启了的，显示支持JS代码，没有的要申请一下，说明一下原因提交到博客园，一般一天以内都能通过的。 1.背景-动态线条效果 上效果图： 转到设置，在页首html代码这里插入，当然插到页脚那 阅读全文
摘要：
思路： 设置定时，间隔1s秒数-1，秒数到1后跳转 重点： 1.自减：--i 2.元素内容赋值：.innerHTML = //直接输出 3.定时：setTimeout(code ，ms) //执行一次 4.跳转：location.href = ' ' 解析： 构造一个函数，传递参数秒数和链接，秒数赋 阅读全文
摘要：
网页需要插入youtube视频,直接用标签<video>是播放不出来的，我们知道<video>是只支持mp4，ogg这样的视频文件。 方法： 打开youtube，找到视频，在视频右下角点击分享。 选择嵌入，就会得到代码如下： <iframe width="560" height="315" src= 阅读全文
摘要：
前言：正方体旋转这个效果是之前在逛其他博客的时候看到的，然后觉得好玩，就做出来看看。 代码： 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8" /> 4 <title>正方体旋转</title> 5 <meta name="viewport" co 阅读全文
摘要：
语法： box-shadow: h-shadow v-shadow blur spread color inset; 说明： h-shadow ：x-坐标值，阴影水平偏移量，允许负值，如果设为0，阴影就位于元素正后方，负值向左偏移，正值向右偏移 v-shadow：y-坐标值，阴影垂直偏移量，允许负值 阅读全文
摘要：
ele:nth-of-type(n) 为什么叫 of-type ,就是说它是以“type”来区分的，也就是说ele:nth-of-type(n)指的是父元素下第n个ele元素。 ele:nth-child(n) 指的是父元素下第n个元素且这个元素是ele，若没有，则选择失败。 举例： <style> 阅读全文