jquerydemo夜间模式，白天模式

最新推荐文章于 2020-09-28 15:52:10 发布

gxf_style

最新推荐文章于 2020-09-28 15:52:10 发布

阅读量2.1k

点赞数

分类专栏： jquery 文章标签： jquery demo

本文链接：https://blog.csdn.net/gxf_ming/article/details/64441698

版权

jquery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
*{
    padding:0;
    margin:0;
}
div{
    width: 944px;
    margin:0 auto;
}
        </style>
        <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
        <script type="text/javascript">
       
$(function(){
    $($("button")[0]).click(function(){
        $("body").css("backgroundColor","#fff");
    });
    $($("button")[1]).click(function(){
        $("body").css("backgroundColor","#000");
    });

});

        </script>
    </head>
    <body> 
    <button>开灯</button> <button>关灯</button>
    <div>
        <img src="imgs/coder.jpg" >
    </div>
    </body>
</html>