如图,点击中间的切换图标,切换左右两边的城市,并且带有动画效果
只要利用css的特性transition和js的方法toggleClass就可以啦,具体操作如下:
<div class="con">
<div class="choose-city">
<div class="leave">
<p>出发城市</p>
<p>北京</p>
</div>
<div class="exchange">
<img id="exchange-img" src="../../img/trainTicket/train-icon.png">
</div>
<div class="go">
<p>到达城市</p>
<p>上海</p>
</div>