jQuery 点击点亮图片特效代码

<link rel="stylesheet" href="css/index.css">

<script src="js/jquery.min.js"></script>

<h1>4月8日武汉解封，一起点亮武汉</h1>

<div class="main">

    <div id="box1" class="box">

        <img src="images/1.jpg" class="pic">

    </div>

    <div id="box2" class="box">

        <img src="images/2.jpg" class="pic">

    </div>

    <div id="box3" class="box">

        <img src="images/3.jpg" class="pic">

    </div>

    <div id="box4" class="box">

        <img src="images/4.jpg" class="pic">

    </div>

    <div id="box5" class="box">

        <img src="images/5.jpg" class="pic">

    </div>

    <div id="box6" class="box">

        <img src="images/6.jpg" class="pic">

    </div>

</div>

<script>

    $().ready(function () {

        $('img').click(function () {

            $(this).addClass('show')

        })

    })

</script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">

</div>