jQuery点击按钮触发loading加载特效代码下载


jQuery点击按钮触发loading加载特效代码下载
jQuery点击按钮触发loading加载特效代码下载以及点击按钮、触发loading加载等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/loading.css">

2. 引入JS

<script src="js/JQuery2.1.4.js"></script>

3. HTML代码

<center><button class="loading">点击我</button></center>
<!-- 页面 -->
<div class="loadingBox" data-show="0">
	<div class="loadingMain">
		<div class="loadingCenter">
			<div class="loadingIcon">
				<span></span>
			</div>
			<p>信息加载中,请等待</p>
		</div>
	</div>
</div>
<!-- 页面 -->
<script>
	$(function () {
		$('.loading').click(function () {
			$('.loadingBox').attr('data-show', 1);
			setTimeout(function(){
				$('.loadingBox').attr('data-show', 0);
			},3000);
		})
	})
</script>

相关推荐

发表评论

相关文章