初学者问个超简单的有关问题，答对马上就给分

菜鸟问个超简单的问题，答对马上就给分
<!----ywb 20071220---->
  <style type="text/css">
<!--
#divOptionalMessage1 {
position:absolute;
left: auto;
top: auto;
width:500px;
height:500px;
padding:6px;
z-index:1;
font-weight: bolder;
color: white;
background-color: #006699;
}
-->
  </style>

<script language="javascript">
//event.clientX 取得鼠标X轴坐标 IE，Netscap， Firefox 都可以用这个参数
function switchOptMessage(mouseX,mouseY,layerName,isShow){
if(isShow=="show"){
document.all[layerName].style.visibility="visible";
document.all[layerName].style.left=250;
document.all[layerName].style.top=30;
}else{
document.all[layerName].style.visibility="hidden";
}
}
</script>  
  <div id="divOptionalMessage1" style="visibility:hidden">  
  <center><IMG src="photo/1.jpg"></center><br>介绍：
  </div> 
<!----ywb 20071220---->

问题：当有多个相同的divOptionalMessage1，仅仅变化的是<IMG src="photo/x.jpg">，能不能把divOptionalMessage1用数组表示？一个一个写太繁琐，代码太长了

[解决办法]
用JS输出

JScript code

<script>for(var i=1;i<=10;i++){document.write('<div id="divOptionalMessage1" style="visibility:hidden">')    document.write('<center><IMG src="photo/'+i+'.jpg"></center><br>介绍：')document.write('</div>')}</script>
[解决办法]
HTML code
 <style   type="text/css"> <!-- .divClass   { position:absolute; left:   auto; top:   auto; width:500px; height:500px; padding:6px; z-index:1; font-weight:   bolder; color:   white; background-color:   #006699; } --> </style><script> for(var   i=1;i <=11;i++){ //class="divClass"document.write('<div class="divClass" id="divOptionalMessage'+i+'"   style="visibility:hidden">')         document.write('<center><IMG src="photo/'+i+'.jpg"></center><br> 介绍') document.write('</div>') } </script>