码迷,mamicode.com
首页 > Web开发
第十一节 jQuery特殊效果
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
css3 HSLA 颜色制造半透明效果
简介 HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色调,饱和度,亮度三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HSLA是在HSL的基础 ...
分类:Web程序   时间:2020-03-14 18:19:57    阅读次数:118
页面点击事件向js传uuid值
因为uuid是前台通过c标签获取的,当通过点击事件 如: onclick="addFun( ${uuid} )" 时j获取不到值, 需要给${uuid}添加单引号。 onclick="addFun( '${uuid}' )" 这样js就能获取到uuid的字符串了 ...
分类:Web程序   时间:2020-03-14 18:18:45    阅读次数:68
CSS 文本截断方案
单行截断 此方法兼容到ie6过。不过只能单行。 多行截断 此方法webkit私有,并且使用flex布局,只得在移动端和高版本 webkit 系列浏览器使用。 多行截断2 利用浮动元素特性模拟最后的省略号。 兼容性好,对各大主流浏览器有好的支持。 响应式截断,根据不同宽度做出调整。 文本超出范围才显示 ...
分类:Web程序   时间:2020-03-14 18:18:28    阅读次数:71
第四节 css3动画之transition
1 <!-- 一般用作活动专题网页制作,平常不太用 --> 2 <!-- transition-property 设置过渡的属性,例如:width height background-color 3 transition-duration 设置过渡时间,比如:1s 500ms 4 transitio ...
分类:Web程序   时间:2020-03-14 17:07:36    阅读次数:76
第十一节 css3动画之三维Y轴旋转
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
第九节 css3动画之transform旋转
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
第十三节 css3动画之翻页动画
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
第五节 css3动画之图片说明滑入效果
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
第八节 css3动画之transform缩放
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
第十五节 css3动画之animation简单示例
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
JS实战(京东秒杀)
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
第三节 css3动画之透明
<!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
第七节 css3动画之transform位移
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
第十七节 css3动画之animation loading案列
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
Mac上Burpsuite 拦截不到HTTPS流量怎么设置
在百度了一堆以及修修改改下终于拦截到HTTPS流量了。 安装步骤就大致讲一下吧 网上下载burp的安装包,然后Mac上直接打开这个burpUnlimited.jar包就可以了 我直接选择的第一个 查看端口。如果本机的8080端口有被占用可以自己设置,最好不要设置常用的 可以用8888 9999 之后 ...
分类:Web程序   时间:2020-03-14 16:40:03    阅读次数:337
第十四节 css3动画之animation
<!-- 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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!