在當(dāng)前互聯(lián)網(wǎng)時代，網(wǎng)頁特效是非常重要的，其中圖片的過渡效果更是它的“熱門話題”。有的圖片可以隨著鼠標(biāo)的移動自動變化，現(xiàn)在我們將根據(jù)一個特效來展示這個變化效果。本文將介紹如何實現(xiàn)鼠標(biāo)左右移動時圖片也隨著

在當(dāng)前互聯(lián)網(wǎng)時代，網(wǎng)頁特效是非常重要的，其中圖片的過渡效果更是它的“熱門話題”。有的圖片可以隨著鼠標(biāo)的移動自動變化，現(xiàn)在我們將根據(jù)一個特效來展示這個變化效果。本文將介紹如何實現(xiàn)鼠標(biāo)左右移動時圖片也隨著左右移動，并且鼠標(biāo)離開屏幕中心越遠(yuǎn)，圖片移動的速度就越快。

準(zhǔn)備工作

首先，打開Flash8，新建一個文檔，設(shè)置大小為400*250，背景顏色為白色，幀頻為12fps。然后執(zhí)行導(dǎo)入-導(dǎo)入到舞臺命令，將需要使用的水滸英雄圖片導(dǎo)入到舞臺中并自動導(dǎo)入到庫中。接下來，打開庫，找到水滸英雄圖片，雙擊該圖片打開其位圖屬性面板，記住其寬度為2204*400。

制作影片剪輯元件

其次，我們需要制作一個影片剪輯元件，名稱為“移動”，并單擊確定進(jìn)入元件編輯區(qū)域。從庫中拖入水滸英雄圖片到編輯區(qū)域，選擇該圖片并設(shè)置全居中（水平中齊、垂直中齊）使其中心和編輯區(qū)域中心對齊。再次從庫中兩次拖入水滸英雄圖片，分別放置在第一次拖入圖片的兩側(cè)，并調(diào)整三幅圖片的位置，使他們首尾相接。

制作另一個影片剪輯元件

接下來，我們需要再制作一個影片剪輯元件，名稱為“縮放”，點擊確定進(jìn)入編輯區(qū)域。從庫中拖拽“移動”影片剪輯元件到編輯區(qū)域，在屬性面板中輸入實例名稱為picmove?；氐街鲌鼍埃瑥膸熘型献А翱s放”元件到舞臺，在屬性面板中輸入實例名稱為pic。選擇該元件，打開動作面板并輸入代碼。

創(chuàng)建圖層并添加元素

然后，我們需要在新建圖層2上選擇工具箱里的橢圓工具，設(shè)置筆觸顏色為黑色，填充顏色為無，按住shift鍵在舞臺中心繪制一個正圓。設(shè)置圓的大小為50*50，選擇工具箱里的鉛筆工具，在圓中繪制一個“十”字圖樣。最后，選擇工具箱里的文本工具，設(shè)置字體為王羲之書法字體，大小為60，顏色為黑色，在舞臺上輸入“水滸英雄”。

測試

完成以上步驟后，執(zhí)行文件-保存命令，保存名稱為“水滸英雄”，然后按ctrl enter組合鍵進(jìn)行測試。

總結(jié)

如此簡單的操作，我們就成功地實現(xiàn)了圖片跟隨鼠標(biāo)移動的特效。當(dāng)鼠標(biāo)不斷地左右移動時，圖片也會隨著移動而變化，同時離開屏幕中心越遠(yuǎn)，圖片移動的速度也會越快。如果您想讓您的網(wǎng)頁更加吸引眼球，不妨嘗試實現(xiàn)一個圖片跟隨鼠標(biāo)移動的特效吧！