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>