在淘寶店鋪裝修中,有一種特效非常的大氣時尚,那就是雙層全屏海報,其中底層是固定的,不是隨著頁面的滾動而動,上層不是固定的,可以隨著頁面的滾動而動,那么這種效果是怎么實現的呢?開淘小編告訴你具體的操作步驟!
準備素材:
1.需要一張底部的圖片和一張局部透明的頂部圖片。
要求底圖大小是1920PX*737PX,頂圖大小是1920PX*666PX。
如果沒有的話您可以使用我們提供的現成的圖片操作試試。
操作步驟:
在Dreamweaver(下面簡稱DW)中新建一個html頁面,切換到代碼視圖,并將其中的原有代碼刪除。
將淘寶裝修代碼復制到DW中,并將制作好的圖片素材上傳的您的淘寶圖片空間,并分別獲取兩張圖片的圖片地址,分別替換掉DW里的--底部圖片地址文字和頂部圖片地址文字。
替換圖片地址以后切換到設計視圖,可能圖片會顯示不出來,這個時候注意將剛才粘貼的兩張圖片地址前面的https://里的s刪掉就顯示出來了,如圖:
在設計視圖里看到圖片以后,用鼠標點下選中頂層圖片,然后在最下面看到屬性框,里面就有淘寶店鋪裝修熱點工具:
用鼠標點中如上圖的熱點工具,您可以選擇矩形,圓形或者多邊形任其一種,連續在圖片中用鼠標按住左鍵畫出熱點區域,不過要注意的是:
每用鼠標在圖片中畫出一片熱點區域時,屬性框里便會出現這個熱點區域的屬性設置信息,您需要在里面填寫這個熱點相應的寶貝鏈接。
如下圖:
只有填寫的鏈接,點擊這塊區域才會跳轉到相應的寶貝詳情頁那里。
制作好熱點以后,在DW里返回代碼視圖,將里面的代碼全部選中,然后復制粘貼到您的淘寶通欄自定義內容區里就可以了。通過預覽或者直接發布來查看效果哦,效果絕對棒棒噠!如果你想了解更多可以咨詢開淘網,這里有最全面的資源。
推薦閱讀:
查看更多相似文章