<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
学习
javascript其他数据类型转换(String)字符串
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
javascript运算符-逻辑运算符
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
javascript中运算符-关系运算符
其中包括了>、<、>=、<=、==、!=、===、!==,这里重点介绍==、!=、===、!==. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=...
html鼠标移上出现4条边效果
源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; }...
CSS3炫酷的导航栏效果
昨天听了一节直播课,学到挺多东西,特别是CSS东西,知道很多不知道的世界,这个是那个直播课的案例,附上源代码与效果图. 自己写的代码: <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head&...
javascript中==和===号的区别
console.log(false=="0"); console.log(false==="0"); 第一个输出"true",第二输出"false" 原因如下: ==：如果类型不同。可以转换一次类型再进行比较 ===：如果类型不同。直接为false 操作数 1...
CSS动画属性animation
动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向; 关于几个值，...
CSS3-过度-transition
过渡(transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 在CSS3里使用transition可以实现补间动画(过渡效...
CSS3-transform-位移、旋转、倾斜、缩放
移动 translate(x, y) /*使用translate方法来将文字或图像在水平方向和垂直方向上分别垂直移动50像素。*/ translate(50px,50px); /*如果只设置了一个值,代表水平方向移动*/ translate(50px) /*可以设置百...