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

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

準(zhǔn)備工作

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

制作影片剪輯元件

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

制作另一個(gè)影片剪輯元件

接下來(lái)，我們需要再制作一個(gè)影片剪輯元件，名稱為“縮放”，點(diǎn)擊確定進(jìn)入編輯區(qū)域。從庫(kù)中拖拽“移動(dòng)”影片剪輯元件到編輯區(qū)域，在屬性面板中輸入實(shí)例名稱為picmove?；氐街鲌?chǎng)景，從庫(kù)中拖拽“縮放”元件到舞臺(tái)，在屬性面板中輸入實(shí)例名稱為pic。選擇該元件，打開(kāi)動(dòng)作面板并輸入代碼。

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

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

測(cè)試

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

總結(jié)

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