23
2018
07

jquery上下滑动效果及延时

<body>

<button id="xj" type="button">向上滑动</button>

<button id="rxj" type="button">向下滑动</button>

<button id="gxj" type="button">上下切换滑动</button>

<button id="txj" type="button">上下切换滑动高速</button>

<button id="wxj" type="button">上下切换滑动低速</button>

<button id="txjb" type="button">上下切换滑动延时</button>

<div class="anco">

中国电信

</div>


<script type="text/javascript">

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

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

$('.anco').slideUp();

});

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

$('.anco').slideDown();

});

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

$('.anco').slideToggle();

});

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

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

});

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

$('.anco').slideToggle('fast')

});

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

$('.anco').slideToggle(5000)

});


});

</script>

</body>


« 上一篇下一篇 »