有一个下载链接,点击后获取资源要一定的时间,用户点击后可能认为没有反映会多次的点击,这样既增加了服务器的负担,也给用户造成了不好的体验,
下面用一个替换的方式来解决,隐藏一个标签,点击的时候切换。
页面:
<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);
}
}