小編來給大家介紹10種JavaScript特效

1.GreyBox

GreyBox允許您在模式窗口中啟動其他網站(如彈出窗口，但不會打開其他瀏覽器)。當您鏈接到多個網站并且不希望用戶離開您的網頁或打開另一個可能被用戶瀏覽器阻止的瀏覽器窗口時，這非常有用。使用 GreyBox 很容易，涉及網頁中概述的 3 個步驟。

以下是有關 GreyBox 的一些關鍵頁面：下載頁面、文檔、示例、安裝和高級用法(對于更有經驗的 JavaScript 用戶，請查看此頁面以獲取有關如何擴展庫功能的提示)。

2.Instant.js

Instant.js效果動態地為您的圖像添加類似寶麗來的效果(它傾斜它并添加帶有陰影的邊框)，模擬這種流行的圖像技術，而無需使用數字圖像編輯應用程序，例如 Photoshop。

當您在多個圖像上應用這種流行的視覺技術并且您不想自己手動編輯圖片時，可以使用它(您可能可以批處理，但這實際上只對簡單的操作有效，例如調整圖像大小，裁剪均勻等)。

3.mooTable

mooTable 允許您通過使用 DOM 而不是再次請求以另一種方式排序的數據來提供表數據的排序(無需頁面刷新)。實現很簡單，配置表格的排序也輕而易舉。

這個庫需要 mootools 框架，你可以在這里下載。您還可以在 mooTable 的作者在 mootools 板上找到論壇帖子，其中包含來自其他 mootools 開發人員的反饋。

4.FancyForm

FancyForm用更高級的控件替換了乏味的表單控件，例如單選按鈕和復選框。基本實現是一個兩步過程：(1) 在網頁上包含 JavaScript 文件，以及 (2) 為您的表單控件分配class="checked"或class="unchecked"用于復選框和class="selected"和class="unselected"用于單選按鈕。非常不引人注目的 JavaScript。

這個腳本也需要 mootools(并且是為 1.1 版開發的)。

5.圖像菜單

由 phatfusion 開發的圖像菜單是一個漂亮的水平菜單，當您將鼠標懸停在菜單項(例如圖像)上時會展開。

您可以使用它來顯示每個部分隱藏的圖像蒙太奇，但用戶可以通過將鼠標懸停在其上來完全顯示。

這個腳本也需要 mootools(并且是為 1.1 版開發的)

6.AmberJack：站點游覽創建者

這是一個輕量級的 JavaScript 庫，它允許您創建一個腳本化的網站瀏覽，允許用戶實時訪問關鍵網頁，每個頁面上都有一個小的描述框。

這允許用戶瀏覽網站的各個部分，而無需查看用 Flash 或其他方法創建的靜態演示。額外的好處是，您可以下載各種“皮膚”，甚至創建自己的皮膚，以匹配您網站的外觀和感覺。這是皮膚庫，因此您可以查看它們的主題是否與您的網站不沖突。

7.圖像流

受 iPod 的“coverflow”啟發，ImageFlow 是一種簡單的效果，它顯示一組圖像，用戶可以使用圖像集底部的滾動條滾動顯示圖像集。高級開發人員可能可以修改滑塊以使其更加美觀。

當用戶點擊一個圖像時，它會將他們重定向到另一個顯示圖像的網頁，所以一個很好的主意是將它與模式框腳本結合使用來打開圖像。

更新：剛才，ImageFlow 的作者給我發了電子郵件，宣布 ImageFlow 0.9 版。在這里查看(它修復了單擊圖像時打開另一個瀏覽器窗口的問題，并且它與燈箱兼容)。感謝芬蘭人的更新!

8.ShadowBox.js 媒體查看器

ShadowBox 是“一個完全用 JavaScrip t編寫的跨瀏覽器、跨平臺、干凈編碼和完整文檔的媒體查看器應用程序”(哇，這是一個滿口的，不是嗎?)。

shadowbox 與 Lightbox 2 等眾多其他模態框的區別在于，它支持除圖像之外的其他文件類型，例如 Flash 視頻、嵌入的 youtube 視頻、Apple.com 預告片和網頁(登錄頁面)例如，這可以節省用戶前往另一個頁面的旅程，只是為了登錄)。值得測試和使用的腳本。

9.TJPzoom 3 – 圖像放大鏡

TJPzoom允許您放大高分辨率圖像的特定部分。按住鼠標鍵并向上或向下拖動，可以減小或增大圖像放大鏡工具的縮放比例。

使用 TJPzoom 的一種方法是縮小高分辨率圖片以適合網頁，然后允許用戶使用放大鏡工具放大圖像的某些部分。

10.mootools 小貼士

mootools Tips是 mootools 框架的一部分，它允許您提供一種高度可配置的方式來向用戶顯示工具提示;當用戶將鼠標懸停在鏈接或圖像上時，有關該元素的附加信息會出現在屏幕上。

您可以調整的一些選項包括：CSS 樣式(使其看起來與默認的黑色背景和白色文本不同)、過渡速度、工具提示在屏幕上的顯示方式以及您希望工具提示顯示多長時間顯示。這需要 mootools 框架。

如果大家對此比較感興趣，想了解更多相關知識，可以關注一下動力節點的Java在線學習，里面還有更多的知識在等著大家去學習，希望對大家能夠有所幫助。