日期:2014-05-16  浏览次数:20325 次

请问下 当我选择了一种颜色 怎么才能使这三个div 变成同一个颜色

<!DOCTYPE html>
<html>
 <head> 
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
  <title>颜色选择器</title> 
<style>
body,blockquote {margin:0;padding:0;font-size:12px;font-family:"微软雅黑",Verdana,Arial}
 
.cp2{
width:100px;
height:100px;
background:#CCC;
margin-top:20px;
margin-left:20px;
float:left;
}

</style> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.colorpicker.js"></script> 
 </head> 
 <body> 
  <div id="container"> 
   
   <div type="text" class="cp2"></div>
   <div type="text" class="cp2"></div>
   <div type="text" class="cp2"></div>
    
  </div> 
  <script type="text/javascript">
    $(function(){
        $(".cp2").colorpicker({
            success:function(o,color){
                $(o).css("background-color",color);
            }
        });                
    });
</script>    
 </body>
</html>

------解决方案--------------------
一样的呀~
你给保存按钮绑个click事件函数 指定灰色的那个div变色就行