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

一、  在頁面的固定區域內實現圖片的展示      

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

2.  當發現圖片滾動到末尾時，響應的箭頭變成不可點擊狀態；   

3.  鼠標在圖片區域內滑動滾輪，圖片會隨著鼠標滾輪的方向進行響應的滾動；   

二、  用  js、html、css實現一個彈出提示控件：   

1.  分別實現類似于系統的  alert、confirm、prompt對話框；   

2.  對話框大小根據提示內容進行自適應（有一個最小寬高），默認出現在頁面的水平垂直居中的位置；   

3.  對話框可拖動；   

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

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

三、  實現 input 輸入框的自動匹配   

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

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

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

四、  在頁面上實現一個二級菜單控件  

1.  這個控件可以綁定到頁面上的任意一個元素，當點擊頁面元素出現菜單；   

2.  菜單出現的方向根據所在頁面的位置自動進行調整，例如：   

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

五、  實現一個所見即所得編輯器（選作）   

需提供以下功能：

1.  字體加粗；

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

3.  設置字體；

4.  設置字號；

5.  設置字體顏色；

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