Question

用CSS和DIV加JS做一个产品图点击放大且文字等也放大的效果

如图，我点击这个图片或文字，然后图片、标题文字和下面的文字介绍都放大

Answer 1

<script src="Scripts/jquery-1.7.1.min.js"></script>
<style type="text/css">
.aa{ width:300px; height:187px; }
h3,img{cursor:pointer;}
</style>
<script type="text/javascript">
$(function(){
$("img,h3").bind("click",function(){
if($("img").hasClass("aa")){
$("img").removeClass("aa");
}else{
$("img").addClass("aa");
}
})
})

</script>
</head>
<img src="images/gaoqixs3_p.jpg" id="aa" class="aa" />
<h3>图片图片</h3>

Answer 2

<a id="alink" onclick="FangDa(alink,tulink);" herf="#">文字</a>
<script type="text/javascript">
function FangDa(alink,tulink){
  document.getElementById(alink).style.font-size = "18px";
  document.getElementById(tulink).style.weight = "200px";
  document.getElementById(tulink).style.weight = "200px";
}
</script>

自己改改就行了。