有選擇性的重復(fù)造一些輪子，未必是件壞事。Aaron的博客上加了一個(gè)懸浮菜單，貌似顯得很高大上了。雖然這類(lèi)小把戲也不是頭一次見(jiàn)了，但是從未自己寫(xiě)過(guò)。今天就選擇性的拿這個(gè)功能寫(xiě)一寫(xiě)。下面是這個(gè)輪子的開(kāi)發(fā)過(guò)程，也可以當(dāng)作是一篇需求文檔的分析和實(shí)現(xiàn)過(guò)程。

演示地址：http://sandbox.runjs.cn/show/to8wdmuy

源碼下載：https://github.com/bjtqti/floatmenu

第一步創(chuàng)建dom節(jié)構(gòu)：

代碼如下:

test1

The past can hurt. But you can either run from it or learn from it

過(guò)去是痛楚的，但你要么逃避，要么從中成長(zhǎng)

One meets his destiny on the road he takes to avoid it

往往在逃避命運(yùn)的路上，卻與之不期而遇

Rules are meant to be broken

規(guī)則就該被打破。

Years may wrinkle the skin, but to give up enthusiasm wrinkles the soul.

歲月流逝只令容顏蒼老，激情不再卻使心靈枯萎。

test2

只有不斷地練習(xí)學(xué)到的知識(shí)，你才能真正掌握它。

Live every day to the fullest.

盡享每日。

Keep your eyes on the stars, and your feet on the ground.

志存高遠(yuǎn)，腳踏實(shí)地。

Always be up for an unexpected adventure.

隨時(shí)準(zhǔn)備開(kāi)始一場(chǎng)意外冒險(xiǎn)吧。

Life is full of disappointment. You can't dwell on things. You have to move on.

生活常不如意，別沉溺往事，要勇往直前。

I'm a free spirit. I can't be caged.

我的靈魂是自由的，不該被束縛。

Sometimes the heart sees what is invisible to the eye.

目不見(jiàn)者，心可感之

The simple things are also the most extraordinary things, and only the wise can see them.

最平凡的事也是最非凡的事，只有智者才明白。

test3

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

test4

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

how many xxxxxx

隱藏

test1

test2

test3

test4

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com