TOMEET FAQ -- 如何增加隨捲軸移位的浮動小圖片 (外部應用)
正在加載......

TOMEET 知識+

好站推薦

網站建置百寶箱
簡易語法設定
重灌狂人
因推薦網站內容屬應用範圍,故與TOMEET無相關性,請勿諮詢相關內容。謝謝!

FAQ線上訪客總數


如何增加隨捲軸移位的浮動小圖片 (外部應用)

  ※此屬自定義應用範圍,如有環境不適用可再參考於網路上找尋其它方式。

1.

應用效果:頁面有浮動小圖示可隨滑鼠滾動捲軸時同步上下,亦可設定小圖連結
請先到「圖形管理 / 上傳圖形檔案」,點選「瀏覽」的方式,將需浮動的圖片上傳 。

 

2. 

點選「上傳檔案」後,如未選擇「所屬類別」,系統會自動跳出一視窗可輸入類別名稱,設定後按下確定即為新增 (※圖形分類方便日後查詢檔案) 。

 

3. 

接著可至「圖形管理 / 查詢圖形檔案」,勾選URL並點選「搜尋」,將圖片的路徑選取及按滑鼠右鍵複製起來。

 

4. 

浮動圖片Javascript+HTML代碼  (複製以下語法可先貼到網頁編輯軟體或筆記本中)
欄位說明
var div_id='tomeet'      (以div方式讓浮動實現,需自定義id名稱)
div id='tomeet'             (id名稱上下相符)
var seat='up'                (浮動圖片位置,up或down,若需其它顯示位置可另用x或y)
a href="
圖片連結位置" (若無可不需設定,將此欄位語法取消)
src="
浮動圖片路徑"     (替換為已上傳至後台的圖片URL)

 


【於後台支援html格式的位置皆可應用此語法--例:模組管理→自定模組 (僅適用單一頁)】

5. 

或可於「頁面設定 / 頁面底部設定」(最適位置),將複製代碼貼上,如是預設頁底將會整體網站套用此效果;若是使用模組新增後一般需於頁面放上 (例:頁面設定→首頁畫面設定)

 

6. 

範例展示畫面:(右上購物車圖示隨拉桿移動)

 



gotop