第一种，你要设计出不同混合后的效果图图片，比如单单加香蕉的图片，混合的图片等，然后就简单了，你根据不同点击显示不同效果图就可以。
第二种，不设计图片，那么你瓶子里就要用颜色值去填充，空瓶子要有个区域用来显示颜色值，样式控制很重要，然后点击香蕉等的时候，要传个RGB颜色值过去，然计算两个混合后的颜色值显示。
第二种比较麻烦。颜色值的混合计算可以参考
http://www.cnblogs.com/crazybingo/archive/2012/05/11/2496440.html
1、首先我们来创建一个p元素，在里面写上hello:。
2、在浏览器界面上的显示如下。
3、接下来我们就为这个p元素来设置背景颜色。
4、接下来看看浏览器中变化。
5、说明我们就已经为p元素改好了背景色，如果要改变颜色的话直接在后面改就好。
div 里面background设置属性background:url('图片地址') 0 0 no-repeat ；background-size:100% 100%就可以了上面background 的 0 0 是 x y 轴的偏移量 no-repeat是如果背景图片不重复出现
