麻烦请教一个JS onclick效果！请问如何实现！多谢

Question

JS 是在是太差劲了是这样的 
加入 我有4张图<img src="1.jpg">    图一对应文字  AAA
<img src="2.jpg">    图二对应文字  BBB
<img src="3.jpg">    图三对应文字  CCC
<img src="4.jpg">    图四对应文字  DDD
我现在 想通过页面   
点击图1的时候  图片右侧 出现 AAA 文字
点击图2的时候  图片右侧 出现 BBB 文字 
点击图3的时候  图片右侧 出现 CCC 文字 
点击图4的时候  图片右侧 出现 DDD 文字 麻烦问下 这个JS效果要怎么写呢？多谢了

Answer 1

很简单
JavaScript+CSS即可实现

Answer 2

先用层,记住要用层。
<div id="Layer1" style="display:none"></div>
<script language="javascript">
function setxy(e,vl)
{
var t=e.offsetTop;   
var l=e.offsetLeft;   
var height=e.offsetHeight;   
while(e=e.offsetParent){ 
t+=e.offsetTop;   
l+=e.offsetLeft;   
}
             document.getElementById("Layer1").innerHTML=vl;
             document.getElementById("Layer1").style.top=t;
     document.getElementById("Layer1").style.left=l+30;//这里的30是图片的宽度。
               document.getElementById("Layer1").style.display="";
}
</script>
<img src="" width="30" onclick="setxy(this,"aaa")">

Answer 3

onclick="setxy(this,'aaa')"> 
记得设置Layer的css.