如何設置鼠標移動到按鈕就切換內容(標籤模塊)效果?

標籤模塊

功能作用

  • 網站上在同一個區域內,用戶可以使用標籤切換形式,展示各個標籤不同的內容。常用於案例展示等

效果展示


一、標籤模塊設置

1.1 設置路徑

  • 網站編輯頁面——左側添加模塊——標籤——拖動模塊到頁面合適位置


1.2 相關設置:

  • 以添加兩個標籤爲例,添加標籤模塊成功後,可分別添加其它模塊到對應該的標籤
  • 標籤1添加到圖片模塊,拖動到標籤頁

  • 標籤頁可設置分欄比例,一行顯示多欄

  • 以標籤2爲例,分欄設置6,6,分別拖進兩個圖片模塊

  • 標籤1完成效果:

  • 標籤2完成效果:


二.標籤樣式展示

  • 圖標標籤:

  • 風格1:

  • 風格2:

  • 風格3:

  • 風格4:

  • 風格5:

  • 風格6:

  • 風格7:

  • 風格8:

  • 風格9:

  • 風格10:

三. 使用標籤做出多元化的導航效果:http://help.yz168.com/NewsDetail/820071.html

常見問題:

  1. 問:標籤名字可以添加圖片嗎? 答:暫時只有圖標標籤樣式可以,其它不支持,因爲響應到平板跟手機效果並不理想。
  2. 標籤下面可以添加分欄嗎? 標籤下面已默認有分欄,請鼠標移到右下角設置即可。