使用Jquery类库，步骤：
1、准备好html：
<div class="container"><div class="item-list">
<div class="item active"><img src="0.jpg" alt="第1张图"></div>
<div class="item"><img src="1.jpg" alt="第2张图"></div>
<div class="item"><img src="2.jpg" alt="第3张图"></div>
</div>
<div class="item-control">
<a href='javascript:' class="active">●</a>
<a href='javascript:'>●</a>
<a href='javascript:'>●</a>
</div>
</div>
2、为html设置样式
<style>.container{
width: 500px
height: 300px
text-align: center
background: red
position:relative
}
.container>.item-control{
display: inline-block
width: 100%
left: 0
position: absolute
bottom: 10px
background: rgba(0,0,0,0.2)
}
.container>.item-control>a{
font-size: 20px
color: rgba(255,255,255,0.7)
text-decoration: none
}
.container>.item-control>a.active{
color: #fff
}
.container>.item-list,
.container>.item-list>.item{
width: 100%
height: 100%
}
.container>.item-list>.item{
display: none
}
.container>.item-list>.item.active{
display: block
}
</style>
3、编写Js
<script>(function(){
$(document).on('click','.container .item-control a',function(){
var _index = $(this).index()
$(this).addClass('active').siblings().removeClass('active')
$('.container .item-list .item').eq( _index ).addClass('active').siblings().removeClass('active')
})
})()
</script>
最终效果见图：
JS一般是建施或结施的意思。
详JS也就是详见建筑施工图哪张图纸，或者详见结构施工图哪张图纸。
看不懂建筑图符号，看图能力就相当与废了一半，所以就算有多难都必须要学会。
1、板——B
2、屋面板——WB
3、空心板——KB
4、槽行板——CB
5、折板——ZB
6、密助板——MB
7、楼梯板——TB
8、盖板或沟盖板——GB
9、楼梯梁——TL
扩展资料：
建筑施工注意事项：
1、在用喷灯、电焊机以及必要生火的地方，要填写用火申请登记和设专人看管，随带消防器材等，保证消防措施的落实。施焊时，特别注意检查下方有无易燃物，并做好相应的防护，用完后要检查，确认无火后再离开。
2、高处作业材料和工具等物件不得上抛下掷。
3、未经安全教育培训合格不得上岗，非操作者严禁进入危险区域；特种作业必须持特种作业资格证上岗。
4、凡2m以上的高处作业无安全设施，必须系好安全带；安全带必须先挂牢后再作业。
5、机械设备、机具使用，必须做到“定人、定机”制度；未经有关人员同意，非操作人员不得使用。
6、从事高空作业人员要定期体验。凡患有高血压、心脏病、贫血症、癫痫病以及不适于高空作业的人员，不得从事高空作业。
7、电动机械设备，必须有漏电保护装置和可靠保护接零，方可启动使用。
参考资料来源：百度百科 ——建筑结构施工图
推荐基于webGL的3D框架类库！three.js的知名度很高，在开源中国、思否、掘金等技术社区会有很多应用指导案例，很多人问我是不是需要学webGL，three.js正是对webgl进行了封装，提供更高层的渲染接口，不用重新学习3D绘图底层逻辑。
题主没有提供太多背景信息，是否具备中高级前端开发基础？three.js相对于初学者门槛很高，需要花费更多的时间，一个加载模型、调光、选择模型弹框的功能，就能写出Threejs上百行代码。
有一个针对前端转3D开发初学者的解决方案，推荐thingjs在线平台，开发体验比较如下：
提醒一下，three.js并没有特定的行业应用，属于技术研究范畴；thingjs专注于物联网3D可视化领域，对于智慧城市、智慧工厂、安全消防、城市交通可视化应用开发者非常友好！做前端技术应用，推荐物联网3D商业项目方向，15万个开发者的一致选择！
