链接点击5秒后可用

有一个下载链接,点击后获取资源要一定的时间,用户点击后可能认为没有反映会多次的点击,这样既增加了服务器的负担,也给用户造成了不好的体验,

下面用一个替换的方式来解决,隐藏一个标签,点击的时候切换。

页面:
<a id='blb_leaf1' onclick= "displaytip('1')" href="/publics/downloadSerial/jstk" title="<?php echo '下载《'.$value['Serial']['title'].'》讲义';?>" class="blue1" target="_parent">下载</a>
<a id='blb_leaf21' href="javascript:void(0);" style="color:#858585;display:none;" class="blue1">下载</a>



//点击下载变色
function displaytip (id) {
	if ($('#blb_leaf'+id).css('display') != 'none') {
		
		$('#blb_leaf'+id).css('display','none');
		$('#blb_leaf2'+id).css('display','inline');
		setTimeout(function(){
			$('#blb_leaf'+id).css('display','inline');
			$('#blb_leaf2'+id).css('display','none');
			},5000);
	}
}
 

你可能感兴趣的:(JavaScript,PHP,css)