<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Jquery</title>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
$('#btn').click(function(){
$('#bk').fadeIn(3000);
})
$('#btn2').click(function(){
$('#bk').fadeOut(3000);
})
$('#bk').mouseover(function(){ //此函数可使元素先淡入后淡出
$('#bk').fadeToggle(3000);
$('#bk').fadeToggle(3000);
$('#bk').fadeTo(3000,0.6); //设置元素的不透明度
})
})
</script>
</head>
<body>
<h3 id='bk'>我是被控制的对象</h3>
<input type='button' id='btn' value='带入' />
<input type='button' id='btn2' value='淡出' />
<input type='button' id='btn3' value='切换' />
</body>
</html>
jquery控制元素的淡入淡出切换的相关教程结束。