SOURCE

$(function(){
			let  count = 0;
			$('.no').hover(function() {
				/* Stuff to do when the mouse enters the element */
				if(count === 0) {
					$(this).animate({
						top: "-80px"},
						500, function() {
						/* stuff to do after animation is complete */
						count++
					});;
				} else if(count === 1){
					$(this).animate({
						top: "0"},
						500, function() {
						/* stuff to do after animation is complete */
						count++
					});;

				} else {
					if ($(this).prev().length){
						$(this).insertBefore($('.yes'));
					}else {
						$(this).insertAfter($('.yes'));
					}
				}
			}, function() {
				/* Stuff to do when the mouse leaves the element */
				// count++;
			});
			$('.close-btn').click(function(event) {
				confirm('关闭窗口也不能改变你喜欢我的事实！')
			});


		})

<div class="content">
		<a href="javascript:;" class="close-btn"></a>
		<p class="question">你是不是喜欢我?</p>
		<div class="btn-wrap">
			<a href="javascript:;" class="yes">是的</a>
			<a href="" class="no">不是</a>
		</div>
	</div>

*{
			padding: 0;
			margin: 0;
		}
		html,body{
			background-color: #f8f6f6;
		}
		.content{
			width: 600px;
			height: 400px;
			background-color: #fff;
			margin: 100px auto 0;
			position: relative;
		}
		.close-btn{
			position: absolute;
			height: 41px;
			width: 41px;
			right: -20px;
			top: -20px;
			border:1px solid #dcdcdc;
			border-radius: 222px;
			box-sizing: border-box;
			transform: rotate(45deg);
		}
		.close-btn:before{
			content: '';
			height: 0;
			position: absolute;
			border-top: 1px solid #000;
			width: 100%;
			top: 20px;
			left: 0;
		}
		.close-btn:after{
			content: '';
			height: 100%;
			position: absolute;
			border-right: 1px solid #000;
			width: 0;
			top: 0;
			left: 20px;
		}
		.question{
			padding: 100px 0;
			font-size: 25px;
			text-align: center;
		}
		.btn-wrap {
			position: absolute;
			right: 20px;
			bottom: 20px;
		}
		.btn-wrap a{
			display: inline-block;
			width: 80px;
			height: 30px;
			line-height: 30px;
			text-decoration: none;
			color: #fff;
			background-color: #5cb85c;
			text-align: center;
			position: relative;
			margin: 0 5px;
		}
		.btn-wrap a:hover{
			background-color: #5bc0de;
		}