果冻效果的导航栏

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2735 天前的主题，其中的信息可能已经有所发展或是发生改变。

一个简单的导航栏，在移动的时候有类似果冻的一抖一抖的效果，原理也比较简单，感兴趣的可以瞅瞅。(gif 失帧比较严重，如果感兴趣可以去文章里面看 demo)。

文章地址: http://qiutianaimeili.com/html/page/2018/08/taz1uod5dr8.html

第 1 条附言 2018 年 8 月 3 日

看到有很多 v 友在试用户名，好吧，那我就贡献几个用户名: test001, jay, ktv （默认的地址和日期）这里面积分挺多的，想要下载的可以登录进去下载吧。

导航栏

果冻

一抖一抖

失帧

28 条回复 2018-08-03 16:00:37 +08:00

x86

2018 年 8 月 3 日

注册登入是我在 V2EX 见过最吊炸天的

qiutianaimeili

2018 年 8 月 3 日

@x86 呃。。。

lxrmido

2018 年 8 月 3 日

看到 1L 忍不住点了下登录，笑出猪叫……

cname

2018 年 8 月 3 日 via Android

无密码登录 666

qiutianaimeili

2018 年 8 月 3 日

@lxrmido 这样搞主要是我老是记不住密码，第三方登陆一直也懒得搞，，，

qiutianaimeili

2018 年 8 月 3 日

@lxrmido 反正是自己的小站，无所谓啦，能用就行。。

goodan

2018 年 8 月 3 日

蛮不错。。
想起了七八年前我自己瞎折腾 flash 也想弄这样的特效。。。

qiutianaimeili

2018 年 8 月 3 日

@goodan 多谢，终于有一个不关注登陆注册的人了。

chairuosen

2018 年 8 月 3 日

example 没法用呀，example 里的防 debug 也是。。

qiutianaimeili

2018 年 8 月 3 日

@chairuosen 呃。。根据目前的设计，example 是用来看的，你可以每天签到领积分然后下载 demo。。。

qiutianaimeili

2018 年 8 月 3 日

@chairuosen 主要是目前网站加了防广告的代码，导致我自己也挂不了广告，因此网站其实也没啥收入，这样搞也实属无奈。。谅解，，谅解。。

34C

2018 年 8 月 3 日 via iPhone

楼主蛋疼了，几年前就纯 css 实现过，比这简单多了，回头分享一下。

注册登录我记得之前你在 v2 发过也被吐槽过…

qiutianaimeili

2018 年 8 月 3 日

@34C 好，到时候看看你的思路。

FEDT

2018 年 8 月 3 日 via iPhone

看了 1 楼注册了一下，看到 3 楼原来是不要密码的。。好方便的说

qiutianaimeili

2018 年 8 月 3 日

@FEDT 多谢，终于有人能了解我的意图了，（呜呜呜

qiutianaimeili

2018 年 8 月 3 日

@FEDT 因为我老是忘记密码，因此不想要密码，也不想要邮箱，手机号之类的，主要涉及到隐私（手机号发短信还要收费，没钱），但是如果只有一个用户名又会导致重复，因此加了地址和年月日，反正如果不想那么麻烦就直接填用户名就好了，如果不想被人猜到，可以选一个地址和日期，撞号的可能性就比较小了。

chao3663

2018 年 8 月 3 日

除了输入用户名以外，还要输入地址和一个日期，其实这已经等同于密码，只不过你把密码限定为地址和日期，就算随便选一个地址和日期，除过真实地址和自己生日，其他的都必须单独记忆和这个网站的关联关系。如果不想透露自己真实地址和生日的话，比如说街道选择下拉列表第二个，日期选择 2，这种其实更不容易记忆，更容易遗忘。