200

用建站宝盒V9在HTML5网页中设置锚点定位的简单方法

时间: 2017-02-16 14:59:05   点击数: 32099

说到网页锚点定位,可能很多用户听不懂。通俗的解释就是:如果你要做一个很长的网页,我们希望用户可以通过一个小工具快速直达当前页面的某一个位置,要跳转到这个位置,我们就叫做锚点。

锚点是在网页页面内部的一种定位方式,网页太长,用户要找某个内容需要来回滚动页面,浪费很多时间。在平常的电商网站中,我们也很容易发现锚点定位的身影,比如美团:


天猫商城也有:



通常,在HTML网页下,要设置定位需要增加一系列代码,虽然代码不算太复杂,但对于不懂编程的人来说,实现起来比较困难。有没有快速设置网页锚点定位的方法呢?建站小白有福啦,不用代码,不用基础,一个建站宝盒V9五步就能搞定你想要的效果,像下面这样的:


 

这样的:



讲步骤之前先给大家说说空白模块,这是新版宝盒新增的一个模块,可用于衬托其他模块,不限于文字、图片、区域,在对模块元素进行锚点设置和分层动画演示的时候更为方便。下面我们会用空白模块进行锚点定位。


具体操作步骤:

①基础模块>排版布局中点击空白背景,将其拖动到区域中。



②选中空白背景模块,右键>设置属性>样式,设置空白模块的背景、边框等样式。

 


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

 


④选择文字右击,在属性框中选择“全局”,找到鼠标触发事件,选择需要的触发效果。



⑤若选择滚动到模块位置,建议先对区域模块进行命名,便于区分。

 


效果展示:


 


以后要想实现锚点定位,不用苦苦钻研程序啦,用建站宝盒V9就能一步到位!除了锚点定位,建站宝盒V9还新增了很多新功能,全部零代码拖拽操作,人人都能做H5响应式网站,懒人建站必备!

建站宝盒V9免费体验:http://www.10000idc.com/special/v9special/index.php?s=yuqiuping

 

V9上线发布会免费报名进行时,三小时让你全面了解建站宝盒V9,还有惊喜互动送大礼!我们2月22日腾讯课堂直播间不见不散!

立即报名:http://www.10000idc.com/video/?s=yuqiuping

上一篇:HTML5自助建站下怎么设置产品分类导航 下一篇:响应式网站能为你的带来什么好处
深圳市易网当先网络技术有限公司 ©  版权所有 本站程序界面、源代码受相关法律保护,未经授权,严禁使用
Copyright © 2008-2016 10000idc.com. All rights reserved
粤ICP备13075530号-8 粤公网安备 44030602000271号
以下js为测试信息