html|html css js 基础五(锚点)
利用锚点可以实现点击某个位置,显示它对应的位置的文字或者图片,实现类似于定位的效果,锚点用的是id属性;
文章图片
这种效果,点击右面滚动条里面的图片,左边对应显示这张图片的大图;具体实现是:
文章图片
html代码 左边的图片id和右边图片的a标签的href相对应;
【html|html css js 基础五(锚点)】为了不让左边图片出现超过div高度溢出的情况,所以,给左边div加了overflow-y属性,超出部分出现滚动条。
.photo_left{
width: 100%;
height: 100%;
overflow-y: scroll;
}
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- django-前后端交互
- Python基础|Python基础 - 练习1
- Java|Java基础——数组
- 爬虫数据处理HTML转义字符
- Java基础-高级特性-枚举实现状态机
- 营养基础学20180331(课间随笔)??
- iOS面试题--基础
- HTML基础--基本概念--跟着李南江学编程
- typeScript入门基础介绍