200

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

时间: 2017-02-16 14:59:05   点击数: 34565   来源: 耐思智慧

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

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


天猫商城也有:



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


 

这样的:



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


具体操作步骤:

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



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

 


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

 


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



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

 


效果展示:


 


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

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

 

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

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

上一篇:HTML5自助建站下怎么设置产品分类导航 下一篇:响应式网站能为你的带来什么好处

旗下网站:耐思智慧 - 淘域网 - 我的400电话 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版权所有 Copyright © 2000-2024 IISP.COM,Inc. All rights reserved

备案号码: 粤ICP备09063828号  公安备案号: 公安备案 粤公网安备 44049002000123号  域名注册服务机构许可:粤D3.1-20240003 CN域名代理自深圳万维网

声明:本网站中所使用到的其他各种版权内容,包括但不限于文章、图片、视频、音频、字体等内容版权归原作者所有,如权利所有人发现,请及时告知,以便我们删除版权内容

本站程序界面、源代码受相关法律保护, 未经授权, 严禁使用; 耐思智慧 © 为我公司注册商标, 未经授权, 严禁使用

法律顾问:珠海知名律师 广东笃行律师事务所 夏天风 律师