jQuery+CSS3动画响应式消息通知

1、首先准备好需要用到的图片。

3、书写hmtl5代码。<main><section class="cd-section" id="Welcome"稆糨孝汶;> <div class="highlight bg"> <div class="core"> <span class="examples">examples</span> <ul class="buttons"> <li><a href="#" class="trigger-info" data-iziToast>Info</a></li> <li><a href="#" class="trigger-success" data-iziToast>Success</a></li> <li><a href="#" class="trigger-warning" data-iziToast>Warning</a></li> <li><a href="#" class="trigger-error">Error</a></li> <li><a href="#" class="trigger-custom1">Custom I</a></li> <li><a href="#" class="trigger-custom2">Custom II</a></li> <li class="lava"></li> </ul> </div> </div></section></main>

5、书写并添加js代码。<script src="js/jquery-1.11.0.min.js" ></script><script src="js/iziToast.min.js" ></script>

7、查看效果。