
锚就是在文档中设置位置标记,并给该位置一个名称,以便引用。通过创建锚点,可以使链接指向当前文档或不同文档中的指定位置。锚点常常被用来跳转到特定的主题或文档的顶部,使访问者能够快速浏览到选定的位置,加快信息检索速度。
1、设置锚点
把光标置于文档窗口想要设置锚点的地方,点击插入面板中”常用”/”常用锚记”。在d出的对话框中起一个锚名字。
2、创建锚点链接
选择要建立链接的文本或图像,在属性面板的链接中输入一个#号和锚点名。例如:#aa。 要链向不同页面中的锚点,则点击链接边的文件夹小图标,在打开对话框中选择要链接的文件,按"确定"键后在"属性"面板的链接栏中会显示链接的文件地址,在地址后面紧跟着输入#号和锚名字,先把光标插入要加入锚点的地方,选择“插入”——“命名锚记”,输入锚记名称,这时光标所在的地方会出现一个书的标志,再选择要建立连接的对象,在属性栏里“链接”后面的“指向文件”,点击它拖动到刚才建立的标志上,就好了~~
1、打开Dreamweaver,打开需要创建锚点链接的文件。
2、命名锚点。在需要链接到的位置命名一个锚点,找到位置,点击常用设置上的命名锚点。
3、在打开的对话框中输入锚记名称。在位置上就出现一个锚点标记。
4、选中锚点的起点文本,在属性面板上找到链接,输入#加上锚点的名称,比如#grlsgs。这样,一个锚点链接就设置好了。
5、点击f12预览。
建立锚点需要标签的id和a标签相互配合。举个例子:<a href="#haha">跳到哈哈</a>
<div style="height: 800px"></div>
<div style="height: 800px" id="haha">哈哈</div>
以上就是一个简单锚点的写法,当然也可以实现不同页面的锚点跳转,就是把href的地址换一下就可以了。1、使用id定位:
代码如下:
<a href="#1F" name="1F">锚点1</a>
<div name="1F">
<p>
11111111111
</br>
11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>
</p>
</div>
这样的定位可以针对任何标签来定位。
2、使用name定位:
代码如下:
<a href="#5F">锚点5</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a name="5F">1111111</href>
使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。
3、使用js定位
代码如下:
<li class="" onclick="javascript:documentgetElementById('here')scrollIntoView()"></li>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)