.vogueHover { width: 100%;height: 100%; position: absolute; left: 0; top: 0; background: #001e50; z-index: 9999; opacity:0 } .vogueHover:hover { trans ...
分类：
Web程序 时间：
2020-05-15 15:39:21
阅读次数：
58
解决浮动带来的影响 # 浮动带来的影响会造成父标签塌陷的问题?"""解决浮动带来的影响 推导步骤1.自己加一个div设置高度2.利用clear属性 #d4 { clear: left; /*该标签的左边(地面和空中)不能有浮动的元素*/ }3.通用的解决浮动带来的影响方法在写html页面之前 先提前 ...
分类：
Web程序 时间：
2020-05-15 00:37:50
阅读次数：
102
1.掌握HTML5、CSS3、Javascript语言编程思想，理解页面布局实现和javascript语言的执行逻辑，轻松卖出HTML5大前端 技术学习的第一步！ 小程序的目录结构 小程序是由不同的界面组成的 pages文件夹 小程序的每一个界面都放在这个目录里面. home 一个页面，首页 /ho ...
分类：
微信 时间：
2020-05-12 11:49:56
阅读次数：
79
1..伪类、伪元素 伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入。CSS3 ...
分类：
Web程序 时间：
2020-05-11 22:03:03
阅读次数：
84
1. HTML发展历史介绍 2. 浏览器支持 2.1 新增标签支持 在html5 中新增了很多的标签，其中包括8个新增语义结构标签。header, section, footer, aside, nav, main, article, figure ，但是在IE的一些版本中并不能够有效的支持。 /* ...
分类：
Web程序 时间：
2020-05-11 21:40:59
阅读次数：
76
由于hover伪类添加的动画效果，仅当鼠标放在元素上时会被触发，而当鼠标离开时，效果会中断，会显得很生硬。 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果。其实不必这么麻烦，CSS3便可以帮你解决这些问题。 <!DOCTYPE html> <html ...
分类：
Web程序 时间：
2020-05-11 18:55:22
阅读次数：
430
因项目需要，需要在元素上实现动画效果，并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法，最终的方法基本都是改动画规则，比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: translat ...
分类：
Web程序 时间：
2020-05-11 12:52:38
阅读次数：
373
1、常见 CSS 布局方式详见： 一些常见的 CSS 布局方式梳理，涉及 Flex 布局、Grid 布局、圣杯布局、双飞翼布局等。http://cherryblog.site/common... 2、几种 JavaScript 动画库推荐JavaScript 库对设计师和开发人员来说，都是非常有用的 ...
分类：
编程语言 时间：
2020-05-11 01:12:20
阅读次数：
80
jquery.joyride页面功能分步指引插件一步步提示页面操作步骤流程点击》jquery.joyride页面功能分步指引插件一步步提示页面操作步骤流程其中包含部分CSS3样式原生js焦点图3屏带缩略图选项卡图片切换代码点击》原生js焦点图3屏带缩略图选项卡图片切换代码JQUERY返回顶部功能带微 ...
分类：
其他好文 时间：
2020-05-10 15:31:39
阅读次数：
73
项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用fullpage之后，wow.js（不知道这个是啥的点击这里）不起作用。 找了诸多资料，解决方法如下： $('#fullpage').fullpage({ verticalCentered:true, css3:true, paddin ...
分类：
Web程序 时间：
2020-05-10 15:12:25
阅读次数：
149
