|
電腦版網(wǎng)站新增滾屏控件和全屏通欄模塊时间:2019-03-12 【转载】 阅读 看到這兩個(gè)升級的時(shí)候可能會(huì)很納悶這是什么樣的功能呢?能實(shí)現(xiàn)什么樣的效果呢? 那么先讓我們看一下制作出來的效果吧~ 這么高大上的效果,一起來學(xué)習(xí)一下是怎么操作的吧~ 首先添加一個(gè)全屏通欄模塊,“設(shè)計(jì)”->“通欄”->“空白底板”-“全屏通欄”(頁面中可添加多個(gè)“全屏通欄”) 該模塊可添加到網(wǎng)站中所有可編輯的頁面中,在通欄中拖拽好模塊后保存看滾屏效果 為了更好的配合實(shí)現(xiàn)整屏滾動(dòng)效果,我們增加了“滾屏控件”,先添加“全屏通欄”后再添加“滾屏控件”,滾屏控件不可單獨(dú)使用,僅支持在首頁和空白頁添加,每個(gè)頁面只能添加一個(gè)“滾屏控件”如果您想切換風(fēng)格,刪掉老的重新添加即可 “設(shè)計(jì)”->“組件”->“滾屏控件”:有4種常見風(fēng)格可供選擇 添加到頁面中后也是可以調(diào)整控件樣式的 位置:“不固定位置”您可以隨意拖動(dòng)在屏幕上的位置;“固定位置”我們提供了9個(gè)位置供您選擇 項(xiàng)間距設(shè)置:每個(gè)按鈕之間的距離 項(xiàng)大小:按鈕大小 背景:按鈕背景顏色 讓您的網(wǎng)站每一屏都是一個(gè)精彩的展示。 本期升級外加一個(gè)小彩蛋 通欄模塊再在設(shè)置背景圖片的時(shí)候增加了圖片背景尺寸,為用戶提供了上傳的圖片如何撐滿整屏方式 最大寬高比:把圖片窄的一邊進(jìn)行拉伸直至寬高都充滿整個(gè)行顯示,效果如下圖 最小寬高比:按照圖片窄的一邊完全顯示,保證圖片高度完全展示,效果如下圖 自定義:可這是您圖片占屏幕的百分比,效果如下圖設(shè)置寬高均為100% 如果您想了解更多網(wǎng)站建設(shè)內(nèi)容盡在建站云之家 http://www.haifuxd.com/ |