實現(xiàn)JavaScript網(wǎng)頁特效需要哪些工具？動力節(jié)點小編來告訴大家。

1.GreyBox

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

2.instant.js

instant.js效果動態(tài)地為您的圖像添加類似寶麗來的效果(它傾斜它并添加帶陰影的邊框)，模擬這種流行的圖像技術，而無需使用 Photoshop 等數(shù)字圖像編輯應用程序。當您在多個圖像上應用這種流行的視覺技術并且您不想自己手動編輯圖片時(您可能可以批處理，但這實際上只對調(diào)整圖像大小、裁剪等簡單操作有效)統(tǒng)一等。

3.mooTable

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

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

4.FancyForm

FancyForm將單選按鈕和復選框等無聊的表單控件替換為更漂亮的控件。基本實現(xiàn)是一個兩步過程：(1) 在網(wǎng)頁上包含 JavaScript 文件，以及 (2) 將您的表單控件分配給復選框和class="checked"單選按鈕。class="unchecked"class="selected"class="unselected"

非常不引人注目的 JavaScript。這個腳本也需要 mootools(并且是為 1.1 版開發(fā)的)。

5.image menu

image menu由 phatfusion 開發(fā)，是一個漂亮的水平菜單，當您將鼠標懸停在菜單項(例如圖像)上時會展開。您可以使用它來顯示圖像的蒙太奇，每個圖像都部分隱藏，但用戶可以通過將鼠標懸停在它上面來完全顯示。

6.AmberJack：站點游覽創(chuàng)建器

這是一個輕量級的 JavaScript 庫，它允許您創(chuàng)建腳本化的網(wǎng)站瀏覽，允許用戶實時訪問關鍵網(wǎng)頁，每個頁面上都有一個小的描述框。這允許用戶瀏覽網(wǎng)站的各個部分，而無需查看以 Flash 或其他方法創(chuàng)建的靜態(tài)演示。額外的好處是，您可以下載各種“皮膚”，甚至可以創(chuàng)建自己的“皮膚”，以匹配您網(wǎng)站的外觀和感覺。

這是皮膚庫，因此您可以查看它們的主題是否與您的網(wǎng)站不沖突。

7.ImageFlow

受到 iPod 的“coverflow”的啟發(fā)，ImageFlow 是一種顯示圖像集合的簡單效果，用戶可以使用圖像集底部的滾動條將這些圖像滾動到那里。高級開發(fā)人員可能會修改滑塊以使其更加美觀。當用戶點擊一個圖像時，它會將他們重定向到顯示圖像的另一個網(wǎng)頁，因此一個很好的主意是將它與模態(tài)框腳本結(jié)合使用來打開圖像。

8.ShadowBox.js 媒體查看器

ShadowBox 是“一個跨瀏覽器、跨平臺、編碼清晰且文檔齊全的媒體查看器應用程序，完全用 JavaScrip t 編寫”(哇，太啰嗦了，不是嗎?)。shadowbox 與 Lightbox 2 等眾多其他模態(tài)框的區(qū)別在于，它支持圖像以外的其他文件類型，例如 flash 視頻、嵌入式 youtube 視頻、Apple.com 預告片和網(wǎng)頁(登錄頁面)例如，這樣可以避免用戶為了登錄而跳轉(zhuǎn)到另一個頁面)。

9.TJPzoom 3 – 圖像放大鏡

TJPzoom允許您放大高分辨率圖像的特定部分。按住鼠標按鈕并向上或向下拖動，可以減小或增大圖像放大鏡工具的縮放比例。使用 TJPzoom 的一種方法是將高分辨率圖片縮小以適合網(wǎng)頁，然后允許用戶使用放大鏡工具放大圖像的某些部分。

10.mootools 技巧

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