JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現(xiàn)，不可使用任何框架，第五題為選作題。

一、  在頁面的固定區(qū)域內(nèi)實現(xiàn)圖片的展示      

1.  每點擊一次右箭頭，圖片區(qū)域向左滾動出一張圖片，反之相同；   

2.  當(dāng)發(fā)現(xiàn)圖片滾動到末尾時，響應(yīng)的箭頭變成不可點擊狀態(tài)；   

3.  鼠標在圖片區(qū)域內(nèi)滑動滾輪，圖片會隨著鼠標滾輪的方向進行響應(yīng)的滾動；   

二、  用  js、html、css實現(xiàn)一個彈出提示控件：   

1.  分別實現(xiàn)類似于系統(tǒng)的  alert、confirm、prompt對話框；   

2.  對話框大小根據(jù)提示內(nèi)容進行自適應(yīng)（有一個最小寬高），默認出現(xiàn)在頁面的水平垂直居中的位置；   

3.  對話框可拖動；   

4.  對話框中的事件模擬系統(tǒng)對話框的事件（例如：alert 對話框，點擊確定按鈕，對話框消失）；   

5.  解決IE6被 select控件遮擋的問題；   

三、  實現(xiàn) input 輸入框的自動匹配   

1.  對 input框中輸入的字符進行匹配，將匹配到的內(nèi)容以菜單的形式展現(xiàn)在  input框的下方；  

2.  只針對英文字符進行匹配，并且匹配到的內(nèi)容在菜單中加粗；   

3.  通過鍵盤上的上下箭頭可以對菜單進行選擇，按下回車后將選中的內(nèi)容寫入到 input框中；   

四、  在頁面上實現(xiàn)一個二級菜單控件  

1.  這個控件可以綁定到頁面上的任意一個元素，當(dāng)點擊頁面元素出現(xiàn)菜單；   

2.  菜單出現(xiàn)的方向根據(jù)所在頁面的位置自動進行調(diào)整，例如：   

3.  一級菜單中的元素，鼠標劃過后，將會在相應(yīng)的位置出現(xiàn)二級菜單，二級菜單中的元素點擊將會有事件響應(yīng)   

五、  實現(xiàn)一個所見即所得編輯器（選作）   

需提供以下功能：

1.  字體加粗；

2.  文本左對齊、右對齊、居中；

3.  設(shè)置字體；

4.  設(shè)置字號；

5.  設(shè)置字體顏色；

6.  插入超鏈接；

7.  插入圖片；

我的答案

http://gucong.co.cc.am52.nb118.com/renren/thumbs.html

http://gucong.co.cc.am52.nb118.com/renren/dialog.html

http://gucong.co.cc.am52.nb118.com/renren/autocomplete.html

http://gucong.co.cc.am52.nb118.com/renren/editor.html

原文鏈接：http://www.w3cfuns.com/thread-5591957-1-1.html