<body>
<button id="xj" type="button">淡出</button>
<button id="rxj" type="button">淡入</button>
<button id="txj" type="button">淡出/淡入</button>
<button id="gxj" type="button">淡出/淡入(低速)</button>
<button id="txjb" type="button">淡出/淡入(高速)</button>
<button id="gxjxg" type="button">淡出/淡入(有时间)</button>
<button id="xjswzr" type="button">逐渐淡出</button>
<div class="anco">
中国电信
</div>
<script type="text/javascript">
$(document).ready(function(){//页面加载完在执行jq
$('#xj').click(function(){
$('.anco').fadeOut();
});
$('#rxj').click(function(){
$('.anco').fadeIn();
});
$('#txj').click(function(){
$('.anco').fadeToggle();
});
$('#gxj').click(function(){
$('.anco').fadeToggle('slow');
});
$('#txjb').click(function(){
$('.anco').fadeToggle('fast');
});
$('#gxjxg').click(function(){
$('.anco').fadeToggle(5000);
});
$('#xjswzr').click(function(){
$('.anco').fadeTo('slow',0.33)
})
});
</script>
</body>
</html>