<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> $(function(){ //当页面载入后，设置所有图片透明度为百分之20 $('img').fadeTo(1,0.2); //为图片添加hover事件 $('img').hover(function(){ $(this).fadeTo(1,1); },function(){ $(this).fadeTo(1,0.2); }); }); </script> </head> <body> <script> for(var i=1;i<=6;i++){ document.write("<img src='images/00"+i+".jpg' width='100' height='100' />"); } </script> </body> </html>