封装了一个小插件模拟fullPage的全屏滚动效果,比较简单。 特点: 1. 纯js实现,小巧轻便。 2. 兼容性好。苹果、安卓都没问题,暂时没遇到问题机型。 缺点: 1. 仅封装了基础功能,HTML、css么有去封装。个人觉得不封装更方便大家使用。 接下来看看 ...
封装了一个小插件模拟fullPage的全屏滚动效果,比较简单。 特点: 1. 纯js实现,小巧轻便。 2. 兼容性好。苹果、安卓都没问题,暂时没遇到问题机型。 缺点: 1. 仅封装了基础功能,HTML、css么有去封装。个人觉得不封装更方便大家使用。 接下来看看 ...
现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。这种方式本来无可非议,但是在页面很长的时候在IE8下会失效(国外资料的解释是与机器显卡相关),有些完美情节的同学 ...
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="apple-tou ...
样式 结构 P.S. 如果你的页面里有from表单要填的话,应该用 「**弹出遮罩层让用户旋转手机**」 的解决方案。检测手机竖屏下,提示用关闭屏幕旋转锁定,并横置手机。想想手机浏览器还是竖屏,而内容却被强制横屏的画面有多奇怪吧... P.S. 页面强制横屏 ...
...
...
效果体验:http://hovertree.com/texiao/html5/17/ 效果图: 代码如下: 更多特效: http://www.cnblogs.com/jihua/p ...
最近做项目,遇到一个问题,在手机上要实现视频的全屏播放功能。测试了很久,终于找到解决办法。 第一种:将视频放大来控制。 视频在播放的时候,全屏是根据高度来的,如果设置视频 video 标签的宽度是 100% 高度是 110% ,可以实现全屏,超过是溢出隐藏就可以了。 确定:手机屏幕尺寸不固定 ...