夺命雷公狗jquery---32小案例鼠标放上图片点亮 

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

 

posted @ 2015-10-29 09:59  夺命雷公狗  阅读(180)  评论(0)  编辑  收藏  举报