本文為大家收集了16個(gè)優(yōu)秀實(shí)用的JavaScript效果及其制作教程，希望你喜歡。

1. 使用CSS和jQuery來(lái)設(shè)計(jì)一個(gè)垂直滾動(dòng)的菜單

2. 利用jQuery設(shè)計(jì)出漂亮而受歡迎的Slideshow

3. jQuery設(shè)計(jì)流暢的標(biāo)簽式菜單

4. 使用jQuery實(shí)現(xiàn)無(wú)需刷新頁(yè)面即提交表單

5. 用Node.js與jQuery收集(scrape)Web頁(yè)面信息 

51CTO推薦專題：Node.js專區(qū)

#p#

6. Simple Tooltip w/ jQuery & CSS

7. 用jQuery制作一個(gè)分頁(yè)系統(tǒng)

8. jQuery：給圖片添加標(biāo)題

9. Coda Popup Bubbles

10. 從頭開(kāi)始設(shè)計(jì)一個(gè)jQuery圖片裁剪插件

#p#

11. 如何設(shè)置用“Control+Enter”提交表單

12. 使用Canvas將黑白圖片轉(zhuǎn)換成彩色圖片

13.實(shí)現(xiàn)沒(méi)有jQuery的twitter滾動(dòng)代碼

14. Wordpress的圖片走廊主題：Thumbnails Navigation Gallery

15. 用jQuery制作泡泡般的幻燈片效果

16. Blackbird：開(kāi)源的JavaScript日志記錄工具

原文：http://www.iteye.com/news/23202

【編輯推薦】

1. 15款超棒的JavaScript開(kāi)發(fā)工具推薦
2. 20個(gè)令人恐怖的JavaScript導(dǎo)航技術(shù)
3. 10個(gè)令人驚奇的HTML5和JavaScript效果
4. JavaScript初學(xué)者應(yīng)注意的七個(gè)細(xì)節(jié)
5. 泄露你的JavaScript技術(shù)很爛的五個(gè)表現(xiàn)