如何巧妙的制作页内锚点

    很多朋友在制作网页的过程中一定遇到过类似这样的问题:某些网页内容比较长、分类比较多,如何在同一个页面内进行跳转,让访问者清晰的看到自己想看到的内容呢?

    大家都知道“链接”是两个页面之间的跳转,不能在同一个页面内进行跳转,如果要想在同一个页面里进行跳转,就需要用到一个叫做“锚点”的小东西。“锚点”的概念很形象,即在一个地方抛锚,然后超链接指向该锚,单击链接就可以完成页面的跳转了。

    下面为大家详细介绍如何使用我们的系统制作这种链接。我们举例进行说明:

下图为我们想要的锚点效果:当访客分别点击左侧红、兰、绿、黄色框内的内容时,页面分别按照右侧红、兰、绿、黄色框内的内容进行页面内部的跳转。

 

 

具体操作方式如下:

    第一步:在需要跳转的地方抛锚;点击工具箱>>添加控件>>控件中心>>基本工具>>文字,选定位置添加文字控件(如上图右侧的文字所在的位置)。先在文字控件的基本属性栏输入要显示的文字内容,将鼠标置于需要跳转的地方,然后点击文本编辑器中的“锚点”按钮,在弹出窗口为这一块内容设置一个锚点名称。设置完毕点击“确定”“提交”。提交之后,即完成了抛锚的操作。如下图所示:

 

 

    第二步:制作一个文字超链接指向该锚。点击工具箱>>添加控件>>控件中心>>基本工具>>文字,选定位置添加文字控件(如上图左侧的文字所在的位置)。在文字控件的基本属性栏输入要显示的文字内容,为这些文字添加超链接指向该锚即可。这里注意:超链接的设置,超链接的地址为“#锚点名称”。如下图所示:

  

    通过如上两个步骤,即可完成锚点的制作,感兴趣的朋友们可以自己尝试制作哦~·

发布时间:2008-10-24
来源方式:原创
建站攻略
客服导航
 
  • 如果您初次使用我们的产品,建议您首先在“新手入门”学习相关的教程之后再进行操作;
  • 如果您在使用我们的产品中遇到问题,建议您在“帮助中心”中查询解决问题的方法;
  • 如果没有找到该问题的解决方法,您可以在“问题搜索”中进行搜索;
  • 如果搜索后没有找到满意答案,您可以“在线提问”,我们会在1个工作日内给您答复。