利用slideDown()fadeIn()fadeOut()方法实现右下角弹窗效果
<body>
<div style="display: none; width: 300px; right: 0; bottom: 0; height: 200px; background-color: bisque; position: absolute;">
<span style="position: absolute;right: 10px;top: 10px;">x</span></div>
<script src="./js/jquery-2.1.4.min.js"></script>
<script>
$(function() {
$('div').slideDown(1000, function() {
$('div').fadeOut(1000, function() {
$('div').fadeIn(1000)
})
})
$('span').click(function() {
$('div').fadeOut(500)
})
})
</script>
</body>
$(‘div’).stop().slideDown(1000).fadeOut(1000).fadeIn(1000)