如何使用锚点组件?

浏览数量: 1     作者: 小七     发布时间: 2016-04-24      来源: 本站

【简介】 锚点组件是以在页面某处位置添加锚点的方式,实现在其他地方的链接指向到该锚点时,可以快速定位到锚点所在位置。
 
【应用场景】 锚点组件适用于单页面网站或者很长的页面,希望能通过添加锚点快速定位到页面某个位置的场景。在页面适当的位置添加锚点后,只需要在其他地方添加链接到此锚点,那么点击链接就会自动将页面定位到这个锚点所在位置。

锚点是网页制作中超级链接的一种,像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。

您可以在页面上任何指定的位置添加锚点组件,然后让其它地方的内容定位到这个添加锚点组件的位置:

举例:这个页面http://www.7datong.com/wangzhanbeian.html ,点左侧导航栏的某一条需要跳转到这个页面的指定位置,那么我就可以这样做:左侧导航栏使用快速导航组件做,导航内容直接选择页面锚点;

锚点的应用.jpg

页面锚点.jpg

做上面的操作之前,需要使用锚点组件定位,比如:

注册腾讯云账号.jpg

新增备案.jpg

填写主题信息.jpg

其它导航也是这样操作的。

大家可以试一下http://www.7datong.com/wangzhanbeian.html 这个页面,单击左侧某个导航,它会指向这个页面的某个位置。这个就是使用锚点组件做的。

详细操作如下:

1、如何添加锚点组件?
1)     打开浏览器输入 www.7datong.com 到达七达通科技云营销平台首页,点击右上角登录按钮。
七达通科技建站05
 
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
 3)     点击编辑网站,进入网站后台。
七达通科技建站07
 

第五步:找到添加组件入口。把鼠标放到要添加锚点组件的区域,出现小水滴(即添加组件按钮),单击小水滴,弹出 添加组件 弹出框;
5


第六步:添加“锚点”组件。在布局组件中,找到“锚点”组件,单击“锚点”,弹出“设置锚点”窗口。

4



2、如何设置锚点组件?

情况1:接着上面的操作,在弹出的设置锚点窗口,可以设置锚点的内容。
 
情况2:锚点组件已经添加好了,可以通过以下步骤进入此组件的设置项中:把鼠标放到锚点组件区域,左上角出现组件名称,把鼠标移到“锚点”四个字右侧的第一个按钮处即“设置”,单击它即可进入设置项中:

锚点组件的设置项

第一步:在弹出的设置锚点窗口,可以设置锚点的名称。

2
  
第二步: 点击右下方“保存”按钮,保存所设置的锚点名称。

3

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图