科護科技 呵護生活 歡迎您訪問科護!

淘寶首頁裝修特效

項目信息

服務類型:店鋪裝修

訪問次數:1703

點擊訪問

案例詳情

先放上裝修好的效果圖,大概用了10個效果,可手動添加!關于如何實現和效果名稱請參閱圖片下方介紹。適用店鋪類型:淘寶旺鋪專業版

  • 效果①:摒棄自用店招和導航,自行利用圖片進行重新設計,而且可以切片自定義添加鏈接。原理-淘寶店招最大高度為150PX,利用圖片進行遮蓋;
  • 效果②:全屏輪播代碼,可手動左右翻頁,而且底部也有半透明小圓鈕顯示,輪播更直觀,圖片沒有達到1920,而是設置成了1680×500 不過基本也能全屏,之前分享過這個全屏代碼,不過之前的圖片位置沒有仔細調整,這個裝修對圖片位置做了重新調整,居中無偏移;
  • 效果③:翻頁代碼,可以手動進行左右翻頁,來源淘代碼,之所以用這個效果感覺和整個店鋪搭配效果不錯;
  • 效果④:這個代碼相對來說比較簡單,就是兩個圖片的重疊,鼠標經過重新顯示底部圖片;
  • 效果⑤:10小圖一大圖,可利用多圖展示,充分利用空間!效果,鼠標經過小圖或者要查看的圖片大圖會自動更新成所要展示的圖片,代碼同樣來自淘代碼;
  • 效果⑥:一小可實現三圖輪播,其他代碼為鼠標經過自動替換成設置的第二個圖片;
  • 效果⑦:改成了八圖展示,并對底部輪播按鈕尺寸大小進行了調整,使整個畫面看起來比較協調,該展示效果用于正面/反面/平鋪圖等三圖展示,圖片輪播效果自動和手動交替使用;
  • 效果⑧:也是八圖展示,原理基本類似效果三,不過對邊框和文字添加了一點效果,具體什么效果,你猜吧;
  • 效果⑨:兩個旋轉按鈕,鼠標放在上面會進行旋轉切換,也沒想到怎么用,只是覺得效果不錯,就先放在這里了!貌似這個代碼還有很多BUG,如:在chrome瀏覽器中顯示正常,IE10和foxfire(火狐)效果顯示不全;
  • 效果⑩:最后一個,沒什么個效果,就是一張圖片;親,難道這里就會放一張圖片那么簡單,當然不,哈哈,這是一張全屏圖片,親,你看到了沒?

 

北单官网