<!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>