js点击图片在文本框内显示文字

亲，改一下js代码，改成这样就可以了

<script type="text/javascript">

tb=document.getElementById('textbox')

spans=document.getElementsByTagName("span")

for(var i=0i<spans.lengthi++)

{

    spans[i].index=i

    spans[i].onclick=function()

    {

       alert(spans[this.index-1].innerHTML)

    }

}

</script>

需要扩展GD库，例如：

<?php

$im

=

ImageCreate(70,350)

$white

=

ImageColorAllocate($im,255,255,255)

$black

=

ImageColorAllocate($im,0,0,0)

ImageTTFText($im,20,270,28,10,$black,'courbi','The

courier

TTF

font')

header('Content-Type:

image/png')

ImagePNG($im)

?>

会将文字竖排排列显示。至于楼主想要的效果，建议楼主先去找一下这方面的资料研究一下吧。很容易的。

将 id="bg" 这个 div 的 style（样式）中的 position（位置）设置为 relative（相对），

然后在里面加一个 div 写文字，将它的 position 设置为 absolute（绝对），调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative">

<div id="text" style="position: absolutetop: 100pxleft: 200px"><p>添加文字</p></div>

<img src="图片地址自己换上" alt="HIGH">

</div>

---