纯 JS+CSS 实现 Windows 安装界面“请坐和放宽”

[renzhn]

https://ohrz.net/elder.html

2.0: 加入了一个 CSS 实现的 Metro Loading Icon

[VmuTargh]

暴力膜蛤不可取, 无形膜蛤最续命!

[czmecho]

原来是膜法师的教徒。

[Phariel]

为了 url +1s

[jkjoke]

兹慈

[ck65]

这个命续得我给九分！

[fy]

膜的飞起，+1s

[ericls]

OP 搞的这个东西啊 excited ！

[xlvecle]

天若有情天亦老, 你这一弄又一秒

[Twinkle]

+1s

[BOYPT]

蛤蛤蛤 excited
不过字体不像，可以引入 webfont 改改

[eastpiger]

打开之后先右键源代码、然后默默滚回去认真复习了一遍

[zhujinliang]

看的我两腿不由自主地跑了起来

[v1024]

楼主 js 写的不错。

[pec]

有花屏闪屏 bug

[hjc4869]

其实那个第一次登录的颜色渐变 UI 本来就是 HTML+js 写的（

[lution]

@pec 我还以为是故意的

[renzhn]

@BOYPT 中文 Webfont...?
@pec patch welcome
@hjc4869 消息来源？

[viator42]

现在的年轻人,说着说着就膜起来了

[irainsoft]

暴力膜蛤不可取

[iloveayu]

这都可以膜，也是醉了。。。

[hjc4869]

@renzhn C:\Windows\System32\oobe\FirstLoginAnim.html
当然这个用浏览器是跑不动的……

[renzhn]

@hjc4869 长姿势

[renzhn]

@pec 你不会是硬件带不动导致的闪屏吧...我这边是由于切到别的页面过后脚本仍然会在跑导致的，我还不知道怎么解决

[Exin]

+1s

有个 bug ： Chrome 切换到别的标签页 1 分钟左右再切回去，页面底色就会闪烁

[sciooga]

低级膜法师说闷声发大财，高级膜法师都知道原句是闷声大发财。

[lyragosa]

建议在进入之前弹出一个免责声明。
不然可能会出人命的。

“本应用运行中可能出现剧烈的色彩 /光线变化，请调亮屋内灯光，并与显示器保持一定距离，如有不适，请立刻关闭页面并咨询你当地的医疗机构。”

[onionnews]

我也有点闪烁

[winterbells]

这是你发的？

[winterbells]

如果不是的话那就是被盗用了

[renzhn]

@winterbells 这个人在源码里还好留了标记： view-source:http://www.bilifuli.com/451.html 第四行
我要不要在源码里加个 LICENSE ，加了好像也没什么卵用...

[winterbells]

@renzhn 需要删帖吗？我觉得他还有推广的嫌疑

[renzhn]

@winterbells 资辞，他明明可以引用原 URL 呀

[jk2K]

怎么会闪烁

[winterbells]

@renzhn
done ！
你这网页好像有 bug ，从别的标签页切过来的时候会一直闪

[renzhn]

@winterbells 这个 bug 是由于切到别的页面过后脚本仍然会在跑导致的，我还不知道怎么解决

[SvenWong]

干嘛要学一个老者说话

[ipeony]

那个闪的效果是故意的还是我的问题。。。

[oott123]

关于脚本运行的问题，我没有看楼主的脚本，不过我猜可能是浏览器在后台的时候会把 setTimeout / setInterval 的间隔降低到 1000ms 一次导致的问题…

[tees]

切换之后的确会狂闪一下。

[renzhn]

@Exin
@winterbells
@ipeony
@tees
谢谢反馈， bug 已修，并且改善了 iOS Safari 的兼容性

[mailunion]

闷声大发财

[RqPS6rhmP3Nyn3Tm]

中文 webfont 可以试试百度前端团队出的 fontmin ，静态静态界面很好用。字体我记得是等线吧，就这几个字子集肯定不会超出 40 kb 。

[Fedor]

吓得我关了 Chrome

[jas0ndyq]

猝不及防

[wjself]

噗…樓主，我可以用的東西麼？

[renzhn]

@wjself 可以直接引用 URL ，你要干嘛呀？

[wjself]

@renzhn 我可以抄袭么？(直接拿到自己的站点什么的…

[renzhn]

@wjself I'M ANGRY ！你这样子是不行的！

[wjself]

@renzhn 嗯，好吧…对不住咯…

[nayuxuohz]

丧心病狂点 背景色动画和文字动画都可以 css 做啦

[jinwyp]

那个 css loading 的动画怎么做的?

[renzhn]

@jinwyp 无可奉告

[Garantion]

Abrupt MO is not recommended!

[guoyida]

字体太丑了啊

[wjself]

@jinwyp 那個的話是用貝塞爾曲線做的 css3animate ，技術上並不難

[wm5d8b]

interesting ！
好想 fork 一下

[wsph123]

坐到一半就摸上了！

[wbsdty331]

猝不及防

[hggg]

显示的内容好，你们啊总想搞个大新闻~好评！

[philobscur]

右键之后 chrome 挂了...

[ChiangDi]

I'm angry

[murmur]

纯 css 实现是坠吼的

[aitaii]

一言不合就+1s

[emlcj]

you can use css animation instead of js to change background

[cayley]

好屌哦

[sakeven]

膜蛤

[yhyy135]

成功续 1s

[haogefeifei]

怒看源码。。结果 +1s

[Shangxin]

当然资瓷啦

[ebony0319]

那些话怎么吊。

[lackar]

怎样做成屏保呢？ Mac 上

[lackar]

可以不自动跳转微博吗？就可以当屏保了，如果还能自定义文字就更好了

[renzhn]

@lackar 把网页存下来稍作修改即可，把"window.location = http://" 改为 wordIndex == 0 可实现不跳转

[lackar]

@renzhn 搞定！哈哈，不亦乐乎

[lackar]

@renzhn 是不跳转了，但怎么能回到第一个循环播放呢？

[renzhn]

165 行：
switchWord = function () {
if (wordIndex >= words.length) {
wordIndex = 0;
}
setWord();
setTimeout(function () {
wordIndex++;
switchWord();
}, wordDuration);
};

[chshch]

为了表示支持，我花了 59 秒钟看了这个网页..... 口.口

[qgb]

@wsph123 吴思澎

[wsph123]

@qgb 咦？