看到一幅漂亮的旅遊美景照片很喜歡。自己沒有去過那裡,能不能把自己的照片放進去並且動起來呢?只要有自己的空間或博客就能做到。
工具/原料
自己的空間或博客
方法/步驟
準備兩張照片:一是旅遊美景圖(稍大一點的,作為背景用),一是自己的頭像(小尺寸的,在背景圖上動)。
如果網上有最好,把地址複製下來就行。
如果網上沒有,可以上傳到自己的空間或博客,取得地址。
打開自己的空間或博客。上傳第一步準備的兩張圖片,取得圖片地址。(複製備用)
1.清空編輯器,將下列代碼貼入:
|
2.將本文第二步取得的地址分別填入“大圖地址”和"頭像地址"那裡。
調整寬高。代碼中width是大圖寬,height是大圖高,要按照原圖片寬和高設置。如果改變,必須按比例。
有兩組寬高,要一致。
調整頭像移動速度。改變“scrollAmount=2”的值即可。
加邊框。(不加邊框,此步無用)
1.在第五步代碼最前邊加一組代碼:
標題 |
2.在第五步代碼最後邊加一組代碼: |
3.把標題換成你自己的文字。
預覽,成功!發佈吧。
注意事項
有的瀏覽器不支持。如果圖片不動,換個瀏覽器就動起來。
代碼編輯時不能丟。