网页怎样制作黑洞效果

在这里只能说大概思路：你说的这个效果是百度的那个吧。首先出现的那个黑洞肯定是一张图片。然后就是给输入框一个判断。当判断输入框中输入的是黑洞两个字时就调用方法。先由小到大d出一个黑洞的图片。然后所有的标签之类的都无规律的运动到黑洞图片中心并且都隐藏掉。这样效果就出来了。

这个是百度的搜索彩蛋

其他的如duang，摇一摇等会有视觉特效

打雷、布谷鸟、海边、大风，都会有声音的特效

拓展资料：

百度特效搜索由来已久，最当初的时候是搜索“黑洞”时发现，百度搜“黑洞”，d出黑洞动画，炫丽极了。

从这点其实也可已看出百度的用心良苦，立体式的动画效果展示，可以更好的提高用户体验，已达到搜索的最佳效果。

其实谷歌也早以有这种功能，但找不出证据是谷歌模仿百度了，还是百度模仿谷歌。不管谁模仿谁，对于用户来说，都是好的。但这个目前还是不完善的，搜大多数词还是没有这种特效的。

百度百科——百度搜索特效

1. 声音特效顾名思义就是搜索某个关键词会有声音：

打雷：搜索这个关键词会有真实打雷的声音，声音持续7s

海边：搜索这个关键词你就仿佛就在大海边上，效果逼真，声音持续9s

大风：搜索这个关键词你就可以亲自体会下大风的吼声，整个人都不好了，声音持续12s

布谷鸟：搜索这个关键词你可以听到布谷鸟的叫声，说实话到现在才知道布谷鸟是这样子叫的，声音持续10s

2. 视觉特效彩蛋

摇一摇、拉动、晃动：搜索其中的一个关键词都会有网页颤抖的效果，摇一摇不是你想的那个摇一摇哦，没想到百度的摇一摇这么的无聊

黑洞：输入这个关键词你就可以看到非常强大的特效，超级好玩呐，好奇这个是JAVASCRIPT做的吗？

淡入：输入这个关键词你就可以看到百度网页若现的现象，有意思

跳动/跳跃：输入其中的一个关键词可以让网友暴走，鼠标完全的不受控制啊

闪烁：输入这个关键词可以让网页闪起来，亮瞎双眼的节奏

翻转/反转：输入其中的一个关键词可以翻转网友，完美的装一个逼

旋转：输入这个关键词网页会360度转，很炫酷

3. 撩妹密码彩蛋

可以百度搜索下表白这两个字，你就可以看到详细的撩妹介绍，俗称百度传情，可以在百度卡片中输入你要对心目中的那个她说的话，然后直接把密码发给TA，TA百度一下密码就可以直接看见你对她说的话，是不是特别的情调，骚动起来吧，少年。

---