如何使用锚点组件?

浏览数量:279     作者:本站编辑     发布时间: 2015-04-24      来源:本站


一、什么是锚点组件?


【简介】 锚点组件是以在页面某处位置添加锚点的方式,实现在其他地方的链接指向到该锚点时,可以快速定位到锚点所在位置。

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


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

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

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

锚点的应用.jpg

页面锚点.jpg

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

注册腾讯云账号.jpg

新增备案.jpg

填写主题信息.jpg

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

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

详细操作如下:

1、如何添加锚点组件?

第一步:打开Google浏览器,输入网址
www.leadong.com,进入领动云营销平台。

1


第二步:点击右上方“登录”按钮

2

第三步:进入“登录到领动云营销平台”页面,输入账号和密码登录。

3


第四步:点击“编辑网站”按钮。

4

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


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

4



2、如何设置锚点组件?

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

锚点组件的设置项

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


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

3

3、查看如何编辑组件的样式

4、查看如何复制组件?

5、查看如何应用组件?

6、查看如何删除组件?

7、查看如何恢复组件?



 产品与服务
建站流程
热搜标签
找不到你的问题?

立即行动,通过领动建站获取更多客户

留下您的联系方式,专属顾问会尽快联系您

表单名称

B2B营销型网站

外贸网站精准营销

售后服务

行业资讯

电话  :400-6130-885

邮箱 :cservice@leadong.com

地址 :南京江北新区浦泗路8-2号

金融创新广场5楼

    

Leadong   版权所有  2020 南京焦点领动云计算技术有限公司   备案证书号: 苏ICP备17012459号-2 隐私报告 | 法律声明 
今日最后14个免费网站测评