<script type="text/javascript" src="__HOME_JS__/jquery.2.1.4.min.js"></script>

    <style type="text/css">

    .classify-active img{

      border:3px solid orange;

    }

    .cmenu li{

      list-style-type:none;

      display: inline;

    }

    </style>

    <script type="text/javascript">

    $(function(){

    //点击给分类加上背景色

    $("#cmenu").find("li").eq(0).addClass("classify-active");

    var cotrs = $(".cmenu li");

    cotrs.click(function(){

     $(this).addClass("classify-active").siblings().removeClass("classify-active");

    });

    });

    </script>

  <div >

    <ul class="cmenu" id="cmenu">

      <foreach name="data" item="v">

      <li><img  src="{$v}" style="width:9%;margin:3px;"></li>

      </foreach>

    </ul>

  </div>