若隱若現圖片的製作?

網站、博客製作要有變化。讓一張圖片若隱若現、前邊跑後面追，是不是有些變化、有些新鮮呢？不用軟件，用代碼編輯就可完成。

工具/原料

代碼

方法/步驟

獲取圖片地址。

準備一張圖片，如果是硬盤照片，需上傳取得圖片地址。上傳完成後，讓編輯器處於代碼編輯狀態，就可複製圖片地址，備用。

如有現成的網上圖片，右擊圖片，點“屬性”，可取得圖片地址，放在“記事本”備用。

貼入代碼。

清空編輯器，將下列代碼貼入：

添加。

將本文第一步獲取的圖片地址添加到第二步“圖片地址”那裡。

這時只是一張圖片在躲躲閃閃，較單純。

形成效果。

複製本文第三步代碼，在下面重複貼一次、二次、三次……

這時效果就多了，可以試試。

調整速度。

調整scrollAmount的值即可。

協調。

效果好不好，要看幾個代碼的協調，如圖片的大小（本文第一步時就設計好）、顯示寬度（width）、移動速度（scrollAmount）。這幾項要配合好。如果有問題，就出在這裡。

注意事項

這組代碼其實挺簡單的。behavior是滾動方式；alternate表示在兩端之間來回滾動。也可試試其它的滾動方式。