javascript手工制作悬浮菜单

有选择性的重复造一些轮子，未必是件坏事亚伦。的博客上加了一个悬浮菜单，貌似显得很高大上了。虽然这类小把戏也不是头一次见了，但是从未自己写过。今天就选择性的拿这个功能写一写。下面是这个轮子的开发过程，也可以当作是一篇需求文档的分析和实现过程。

演示地址：http://沙盒。runjs。cn/show/to 8wdmuy

源码下载：https://github。com/bjtqti/float菜单

第一步创建数字正射影像图节构：

复制代码代码如下：DOCTYPE html html head meta charset=' utf-8 ' title app carrier/title link rel='样式表href='菜单。CSS '/头体div id='内容' h1 id='测试1 '测试1/h1 pt过去的事会很伤人。但是你可以逃避它，也可以从中学习/p p过去是痛楚的，但你要么逃避，要么从中成长/p在逃避命运的路上，他遇见了自己的命运/p p往往在逃避命运的路上，却与之不期而遇/p程序注定要被破坏/p p规则就该被打破/p派尔斯可能会使皮肤起皱，但放弃热情会使灵魂起皱p/p岁月流逝只令容颜苍老，激情不再却使心灵枯萎/p h1 id='test2'test2/h1 p只有不断地练习学到的知识，你才能真正掌握它/p尽情享受每一天p/p尽享每日/p眼睛盯着星星，脚踩在地上p/p志存高远，脚踏实地/p准备好迎接一次意想不到的冒险p/p随时准备开始一场意外冒险吧/p pLife充满了失望。你不能老想着事情。你必须继续前进p/p生活常不如意，别沉溺往事，要勇往直前/p PIi我是一个自由的灵魂。我不能被关在笼子里p/p我的灵魂是自由的，不该被束缚/p粒子时间心看到了肉眼看不见的东西p/p目不见者，心可感之/p p简单的事情也是最不平凡的事情，只有智者才能看到p/p最平凡的事也是最非凡的事，只有智者才明白/p h1 id='test3'test3/h1 phow多