新增彈跳視窗

  • 發布時間：
  • 最後更新：
  • 分類： 網站設計

1.到 「銷售頁>內文>內文>新增程式」。

2. 加入程式碼

<div class="modal slide-up fade" id="alertAD" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<a class="close" data-dismiss="modal">
<span>×</span>
</a>
<a href="#">
<img src="https://img.1shop.tw/2/2017-11-22-19-26-50_600_1499938381_picture.jpg">
</a>
</div>
</div>
</div>
<style>
#alertAD .close {
background-color: #fff;
width: 30px;
height: 30px;
color: #000;
line-height: 25px;
text-align: center;
font-size: 20px;
right: 0;
top: 0;
}
#alertAD .modal-dialog {
top: 50%;
transform: translateY(-50%);
height: auto;
}
</style>
<script>
$('#alertAD').modal('show');
</script>