1 <!-- fadeIn() 淡入 2 fadeOut() 淡出 3 fadeToggle() 切换淡入淡出 4 5 hide() 隐藏元素 6 show() 显示元素 7 toggle() 切换元素的可见状态 8 9 slideDown() 向下展开 10 slideUp() 向上卷起 11 s ...
分类:
Web程序 时间:
2020-03-14 18:24:17
阅读次数:
69
简介 HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色调,饱和度,亮度三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HSLA是在HSL的基础 ...
分类:
Web程序 时间:
2020-03-14 18:19:57
阅读次数:
118
因为uuid是前台通过c标签获取的,当通过点击事件 如: onclick="addFun( ${uuid} )" 时j获取不到值, 需要给${uuid}添加单引号。 onclick="addFun( '${uuid}' )" 这样js就能获取到uuid的字符串了 ...
分类:
Web程序 时间:
2020-03-14 18:18:45
阅读次数:
68
单行截断 此方法兼容到ie6过。不过只能单行。 多行截断 此方法webkit私有,并且使用flex布局,只得在移动端和高版本 webkit 系列浏览器使用。 多行截断2 利用浮动元素特性模拟最后的省略号。 兼容性好,对各大主流浏览器有好的支持。 响应式截断,根据不同宽度做出调整。 文本超出范围才显示 ...
分类:
Web程序 时间:
2020-03-14 18:18:28
阅读次数:
71
1 <!-- 一般用作活动专题网页制作,平常不太用 --> 2 <!-- transition-property 设置过渡的属性,例如:width height background-color 3 transition-duration 设置过渡时间,比如:1s 500ms 4 transitio ...
分类:
Web程序 时间:
2020-03-14 17:07:36
阅读次数:
76
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 300px; 9 h ...
分类:
Web程序 时间:
2020-03-14 17:01:58
阅读次数:
77
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类:
Web程序 时间:
2020-03-14 17:00:38
阅读次数:
81
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 200px; 9 h ...
分类:
Web程序 时间:
2020-03-14 16:54:10
阅读次数:
64
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 200px; 9 h ...
分类:
Web程序 时间:
2020-03-14 16:53:09
阅读次数:
117
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类:
Web程序 时间:
2020-03-14 16:51:49
阅读次数:
61
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 /* 定义动画 */ 8 @keyframes e ...
分类:
Web程序 时间:
2020-03-14 16:50:17
阅读次数:
80
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js京东秒杀</title> 6 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 } 12 1 ...
分类:
Web程序 时间:
2020-03-14 16:45:06
阅读次数:
271
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ background-color: gold; } .box{ f ...
分类:
Web程序 时间:
2020-03-14 16:44:52
阅读次数:
101
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类:
Web程序 时间:
2020-03-14 16:42:57
阅读次数:
102
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>loading动画</title> 6 <style type="text/css"> 7 @keyframes loading{ 8 fr ...
分类:
Web程序 时间:
2020-03-14 16:41:32
阅读次数:
60
在百度了一堆以及修修改改下终于拦截到HTTPS流量了。 安装步骤就大致讲一下吧 网上下载burp的安装包,然后Mac上直接打开这个burpUnlimited.jar包就可以了 我直接选择的第一个 查看端口。如果本机的8080端口有被占用可以自己设置,最好不要设置常用的 可以用8888 9999 之后 ...
分类:
Web程序 时间:
2020-03-14 16:40:03
阅读次数:
337
<!-- CSS3 animation动画: 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps( ...
分类:
Web程序 时间:
2020-03-14 16:36:50
阅读次数:
79