$("#c_w").click(function(){$("#d1").width(200)})
$("#c_h").click(function(){$("#d1").height(200)})
$("#c_c").click(function(){$("#d1").css("background","#00f")})
$("#c_d").click(function(){$("#d1").hide()})
$("#c_r").click(function(){$("#d1").show().width(100).height(100).css("background","#f00")})
这个是给你的参考，div定义id为d1
初始值设为宽度100，高度100，颜色红色，非隐藏
宽度按钮为c_w
高度按钮为c_h
颜色按钮为c_c
隐藏按钮为c_d
恢复按钮为c_r
直接在这里编写的，没有经过验证。若还有问题再询问
这个功能很好实现。但是你要先去下载一个jquery.js这个类库，就是先加载这个。然后后面很简单了。参照网址http://www.w3school.com.cn/jquery/jquery_effects.asp可以轻松控制。
选用jquery.js做这个图片透明度控制的好处是，这个类库可以根据你用的IE浏览器种类，自动匹配IE、火狐、谷歌等浏览器的样式，帮你处理很多浏览器不兼容的现象。
当然也可以看我的例子：
比如你那个图片的id叫#tupian，你那个按钮的id叫#anniu，那么如下
var yin = true//设定一个记录隐藏或者显示的属性
$("#anniu").click(funtion(){//当按钮被点击时候执行以下
if(yin==ture){ //当按钮还处于显示时候
$("#tupian").stop().fadeIn(500) //图片在500毫秒内渐渐消失
yin=false //记录图片已经隐藏
}
else{ //如果图片没显示
$("#tupian").stop().fadeOut(500)//图片于500S内渐渐淡出
yin=true//记录图片显示
}
})
