20
2018
07

jquery显示隐藏元素并加延时

<button id="hxjxjs" type="button">隐藏</button>

<button id="hxjn" type="button">显示</button>

<button id="xjswzr" type="button">显示/隐藏在一个按钮上</button>

<button id="xjgnxg" type="button">显示/隐藏在一个按钮上,有低速延时</button>

<button id="wdzrsxj" type="button">显示/隐藏在一个按钮上,有高速延时</button>

<button id="xjwgnxgb" type="button">显示/隐藏在一个按钮上并设时间延时</button>

<div class="anco">

中国电信

</div>


<script type="text/javascript">

$(document).ready(function(){//页面加载完在执行jq

$('#hxjxjs').click(function(){

$('.anco').hide();

});

//上面是隐藏

$('#hxjn').click(function(){

$('.anco').show();

});

//上面是显示

$('#xjswzr').click(function(){

$('.anco').toggle();

});

//上面是显示/隐藏在一个按钮上

$('#xjgnxg').click(function(){

$('.anco').toggle('slow');

});

//显示/隐藏在一个按钮上,有低速延时

$('#wdzrsxj').click(function(){

$('.anco').toggle('fast');

});

//显示/隐藏在一个按钮上,有高速延时

$('#xjwgnxgb').click(function(){

$('.anco').toggle(5000);

});

});

</script>


« 上一篇下一篇 »