当前位置: 代码迷 >> Web前端 >> 链接点击五秒后可用
  详细解决方案

链接点击五秒后可用

热度:105   发布时间:2012-10-11 10:16:10.0
链接点击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);
	}
}
?
  相关解决方案