200

用建站寶盒V9在HTML5網(wǎng)頁中設(shè)置錨點定位的簡單方法

時間: 2017-02-16 14:59:05   點擊數(shù): 34441   來源: 耐思智慧

說到網(wǎng)頁錨點定位,可能很多用戶聽不懂。通俗的解釋就是:如果你要做一個很長的網(wǎng)頁,我們希望用戶可以通過一個小工具快速直達當前頁面的某一個位置,要跳轉(zhuǎn)到這個位置,我們就叫做錨點。

錨點是在網(wǎng)頁頁面內(nèi)部的一種定位方式,網(wǎng)頁太長,用戶要找某個內(nèi)容需要來回滾動頁面,浪費很多時間。在平常的電商網(wǎng)站中,我們也很容易發(fā)現(xiàn)錨點定位的身影,比如美團:


天貓商城也有:



通常,在HTML網(wǎng)頁下,要設(shè)置定位需要增加一系列代碼,雖然代碼不算太復(fù)雜,但對于不懂編程的人來說,實現(xiàn)起來比較困難。有沒有快速設(shè)置網(wǎng)頁錨點定位的方法呢?建站小白有福啦,不用代碼,不用基礎(chǔ),一個建站寶盒V9五步就能搞定你想要的效果,像下面這樣的:


 

這樣的:



講步驟之前先給大家說說空白模塊,這是新版寶盒新增的一個模塊,可用于襯托其他模塊,不限于文字、圖片、區(qū)域,在對模塊元素進行錨點設(shè)置和分層動畫演示的時候更為方便。下面我們會用空白模塊進行錨點定位。


具體操作步驟:

①基礎(chǔ)模塊>排版布局中點擊空白背景,將其拖動到區(qū)域中。



②選中空白背景模塊,右鍵>設(shè)置屬性>樣式,設(shè)置空白模塊的背景、邊框等樣式。

 


③在模塊中插入文本模塊,生成以下效果。

 


④選擇文字右擊,在屬性框中選擇“全局”,找到鼠標觸發(fā)事件,選擇需要的觸發(fā)效果。



⑤若選擇滾動到模塊位置,建議先對區(qū)域模塊進行命名,便于區(qū)分。

 


效果展示:


 


以后要想實現(xiàn)錨點定位,不用苦苦鉆研程序啦,用建站寶盒V9就能一步到位!除了錨點定位,建站寶盒V9還新增了很多新功能,全部零代碼拖拽操作,人人都能做H5響應(yīng)式網(wǎng)站,懶人建站必備!

建站寶盒V9免費體驗:http://www.www.testsystem.com.cn/special/v9special/index.php?s=yuqiuping

 

V9上線發(fā)布會免費報名進行時,三小時讓你全面了解建站寶盒V9,還有驚喜互動送大禮!我們2月22日騰訊課堂直播間不見不散!

立即報名:http://www.www.testsystem.com.cn/video/?s=yuqiuping

上一篇:HTML5自助建站下怎么設(shè)置產(chǎn)品分類導(dǎo)航 下一篇:響應(yīng)式網(wǎng)站能為你的帶來什么好處

旗下網(wǎng)站:耐思智慧 - 淘域網(wǎng) - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權(quán)所有 Copyright © 2000-2024 www.testsystem.com.cn,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網(wǎng)安備 44049002000123號  域名注冊服務(wù)機構(gòu)許可:粵D3.1-20240003 CN域名代理自深圳萬維網(wǎng)

聲明:本網(wǎng)站中所使用到的其他各種版權(quán)內(nèi)容,包括但不限于文章、圖片、視頻、音頻、字體等內(nèi)容版權(quán)歸原作者所有,如權(quán)利所有人發(fā)現(xiàn),請及時告知,以便我們刪除版權(quán)內(nèi)容

本站程序界面、源代碼受相關(guān)法律保護, 未經(jīng)授權(quán), 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經(jīng)授權(quán), 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務(wù)所 夏天風(fēng) 律師