原文:让你的页面瞬间全屏

update 文章下方有更新,提到了更多全屏的知识以及错误的矫正。 页面全屏是一个体验非常棒的功能,他可以让你的视觉焦点聚集在你想关注的元素块上。很多浏览器都支持全屏,按下 F ,哦了 页面全屏了 但是本文要说的并不是这种全屏。当页面中有个小 DEMO 或者小游戏要展示的时候,用户期望,这个 DEMO 或者游戏可以在全屏下展示,本文就教你如何来展示。 如果你是非 IE 浏览器进入的该页面,你可能 ...

2014-03-01 03:11 28 15416 推荐指数:

查看详情

新奇!让简单的页面瞬间变酷的图标填充效果

  有时候,你只是想创造一些真正很酷的效果。例如我们网站常见的关于我们(About us),我们的历史(Our history)等你想展示出一些让你的品牌与众不同的页面。图标填充效果可以帮你设计出一个很酷的网页,只需要几个图标即可,让简单的页面看起来也充满活力。   温馨提示:为保证最佳的效果 ...

Tue Aug 12 18:17:00 CST 2014 0 3749
javascript full screen 全屏显示 页面元素

要想让页面的某个元素全屏显示,就像在网页上看视频的时候,可以全屏观看一样,该怎么实现呢? 一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素 ...

Thu Sep 19 06:09:00 CST 2013 6 6484
H5中用js让页面全屏

概述 意外的发现一个网页有一个按钮能使网页全屏,查了下代码发现是H5的全屏api,于是就查了下资料,记录下来供以后开发时参考,相信对其他人也有用。 参考资料: 利用js如何做到让页面全屏和不全屏功能 Element.requestFullScreen() MDN 全屏API H5有一个全屏 ...

Fri Jul 13 00:47:00 CST 2018 2 4505
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM