总是能看见非常多广告或者站点都是使用整屏滚动的效果，一直看着都心痒痒，想自己也实现一个。近期刚学习到css3的动画效果，所以尝试使用css3做了一个整屏切换。
页面结构
实现思路与大众方法相似。如图
每一个section就是一页内容。它的大小充满了屏幕（红色区域）。一个container由多个section构成，我们通过改变container的位置，来达到页面切换的效
转载
2017-07-18 10:39:00
336阅读
2评论
当做移动端H5项目的时候，会碰到页面上下可以滑动。这个时候可以通过以下代码来禁止滚动。原生版js: document.querySelector('body').addEventListener('touchmove', function(e) {
e.preventDefault();
});jquery版: $("body").bind('touchmove',function(e
转载
2023-05-22 17:59:21
1227阅读
时间久了，总会有机会让你去面试新员工。最近看到了许多跨行来学习程序，不对是来学习web编码的，这是最基础的。看到了自己当初的样子，当初学习一直在想为什么不能直接学习c或者用php等其他语言。原来等后面你有了时间，真的是什么都可以学。只要有人愿意陪你一块搞，任何产品都可以上线。只要你自己愿意搞，在吃喝不愁
原创
2016-11-03 13:44:24
1233阅读
在开发一个网站的过程中各种翻页效果数不胜数，在这里我将介绍一下简单的一种方法就是使用css3的旋转即可实现这种常见的效果
转载
2023-05-22 21:09:45
98阅读
因进度需要，所以本人从一个服务端、架构暂时变成了一个前端开发者！
所谓“万变不离其宗”，就是这样一个道理，写惯了服务端，当接触前端以前总觉得很难，但是当我真正开始写的时候，发觉一如既往的简单，就是简单的jquery和html交互。
html5、css3、mui
原创
精选
2016-08-01 17:05:30
4476阅读
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS
原创
2023-06-27 00:24:35
152阅读
我记得半年前要去看H5，主要是朋友认为这些页面的一些效果还是不错的，其实本来就是有的css3动画。我看过来才发现与H5的一些语义化的标签，新的特性，关联不大，在H4的基础上加上Css3一样可以实现，想到了市场上的营销策略，真心是无良商贩。纯粹愚弄广大人民群众，反抗!!不过这次我主要是看了一些H5的新特性真心好用，我估计以后会有更大的应用。涉及到的是上次提到的web socket双向通信，本地存储，
原创
2016-11-06 10:28:07
764阅读
最近在jquery库中看到有人封装了整屏滚动(fullpage)的插件，感觉还挺有意思，然后想了一下怎么用原生js 实现。本文的实例讲述了原生javascript实现的全屏滚动功能。分享供大家参考，具体如下：1. 计算当前浏览器屏幕高度，每次翻页显示的内容高度即为屏幕高度2. 对鼠标滚轮事件进行监听，注意滚轮事件的浏览器兼容问题。效果图如下：目录 一、先看看页面布局html部分css部分
转载
2023-09-25 15:51:28
330阅读
- h5新增的标签新增元素说明video表示一段视频并提供播放的用户界面audio表示音频canvas表示位图区域source为video和audio提供数据源track为video和audio指定字母svg定义矢量图code代码段figure和文档有关的图例figcaption图例的说明maintime日期和时间值mark高亮的引用文字datalist提供给其他控件的预定义选项keygen秘钥对
原创
2018-03-12 19:31:35
3336阅读
点赞
H5C3全屏案例1. 实现通过滚轮，完成全屏切换。1.1 FullPage插件插件功能介绍
基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。支持鼠标滚动，支持前进后退和键盘控制，多个回调函数， 支持手机、平板触摸事件，支持 CSS3 动画，支持窗口缩放，窗口缩放时自动调整， 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。参考文档：http://w
转载
2023-07-24 08:44:59
282阅读
营销代有手段出，各领风骚数百天。要说现在哪些营销方式最能传播，屡屡刷爆朋友圈的H5页面肯定就是首当其冲的，提到H5页面，就立马想到“围住神经猫”，上线微信朋友圈3天的时间便创造了用户500万，访问量超1亿的神话。 H5如此势头，不得不让营销人对H5页面的未来充满了期待，越来越多的人开始在营销中运用H5页面。其实在移动端各个领域，H5页面的叫法很多，也会称为翻翻看、手机微杂志、广告页、场景应用、海
1、新特性：html5现在不是SGML的子集，主要是关于图像、位置、存储，多任务等功能的增加。拖拽释放API语义化更好的内容标签（header ,nav,footer,aside,article,section)音频、视频API（audio，video）画布（Canvas）API地理（Geolocation）API本地离线存储loacalStorage长期存储数据，浏览器关闭后数据不会丢失；ses
转载
2023-07-12 17:38:52
62阅读
目录H5 新特性语义化标签增强型表单html5 也新增以下表单元素html5 新增的表单属性html5 新事件CSS3 新特性选择器背景和边框文本效果2D/3D 转换动画、过渡多列布局用户界面CSS 兼容内核HTML5 和 CSS3 新特性：https://ainyi.com/52H5 新特性语义化标签：header、footer、section、nav、aside、article增强型表单：in
转载
2023-11-22 19:53:16
3阅读
# 如何禁止iOS整屏滑动的实现方法
## 概述
在H5开发中，有时候我们需要禁止iOS设备上的整屏滑动效果，以满足特定的设计需求。本文将介绍一种实现方法，通过添加一些CSS和JavaScript代码来达到禁止整屏滑动的效果。下面将详细介绍每个步骤以及相应的代码。
## 实现步骤
| 步骤 | 描述 |
|---|---|
| 1 | 监听滑动事件 |
| 2 | 禁止滑动默认行为 |
|
原创
2023-07-23 16:10:52
929阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
如何制作带有翻页效果的免费手机H5页面？现在有许多风靡的H5页面，这些手机H5页面的特别吸引人，那么在H5页面里如何进行手机页面的翻页特效呢？下面给大家推荐一个VX互动大师的在线工具，并用它来教大家如何制作特别的手机h5页面翻页。步骤1：新建一个手机案例创建手机案例，进入互动大师，点击我的作品——创建作品——手机案例2添加两个页面对象，对于舞台大小的设置，手机案例一般默认是640*1040，这是i
转载
2023-09-29 10:44:44
351阅读
触发重布局的属性有些节点，当你改变他时，会需要重新布局（这也意味着需要重新计算其他被影响的节点的位置和大小）。这种情况下，被影响的DOM树越大（可见节点），重绘所需要的时间就会越长，而渲染一帧动画的时间也相应变长。所以需要尽力避免这些属性。一些常用的改变时会触发重布局的属性：盒子模型相关属性会触发重布局：widthheightpaddingmargindisplayborder-widthbord
转载
2022-11-23 02:25:43
185阅读
H5&## 标题CSS3新特性H5新特性语义化标签：增强型表单html5 新事件CSS3新特性选择器：伪类和伪元素：背景和边框文本效果2D/3D转换动画、过渡多列布局用户界面css兼容内核 H5新特性1.语义化标签：article、nav、header、section、a’side、footer 2.增强性表单：input的多个type 3.新增表单元素：detalist、keygen、
转载
2023-09-25 13:02:07
33阅读
锁
屏效果，也就是将屏幕置于模态，不允许用户触发任何动作，只能解除锁定后才能继续使用，jQueryUI的dialog有模态对话框，这一点不难做到。那么，首先需要在页面中添加一个div层，用于做模态的层：
Html代码
<div id="overlay">
其对应的
CSS比较简单，主要设置一下z-index属性，值设置的很大即可，就能达到覆盖其余元素的
效果，加上
转载
2014-09-02 08:54:00
332阅读
2评论
H5 滑动翻页框架：Vue + element + JQ + vue-awesome-swiper项目：H5绣红旗已经打好vue-cli项目，安装vue-awesome-swipernpm i --s vue-awesome-swipermain.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/
转载
2023-12-19 22:14:52
286阅读
