Question

求高手解决js和html代码难题 在图片前面添加文字后图片移动为什么文字也会跟着移动

求怎么定位文字 又可以显示在图片前面 图片移动时文字不动 下面是我的源代码

<div id="divP" style=" position:absolute; top:0;"> <img src="1.png" /> <div id="a" style="position:absolute;top:100;" onmouseOver="mouseOver()" onmouseOut="mouseOut()" ><a>文字</a></div> </div>

<script type="text/javascript">
function mouseOver(){
var a=0;
function move(){
a++;
if(a==49){clearInterval(time);}
divP.style.top = (divP.style.top.replace('px','')-0 +3);
}
var time = window.setInterval(move,10);}

function mouseOut(){
var ab=0;
function mov(){
ab++;
if(ab==49){clearInterval(time);}
divP.style.top = (divP.style.top.replace('px','') - 3);
}
var time = window.setInterval(mov,10);}
</script>

<style type-"text/css">
#a:hover {color:red;}
</style>

Answer 1

<div id="divP" style=" position:absolute; top:0;"> <img src="1.png" /> </div><div id="a" style="position:absolute;top:100;" onmouseOver="mouseOver()"
onmouseOut="mouseOut()" ><a>文字</a></div>

<script type="text/javascript">
function mouseOver(){
var a=0;
function move(){
a++;
if(a==49){clearInterval(time);}
divP.style.top = (divP.style.top.replace('px','')-0 +3);
}
var time = window.setInterval(move,10);}
function mouseOut(){
var ab=0;
function mov(){
ab++;
if(ab==49){clearInterval(time);}
divP.style.top = (divP.style.top.replace('px','') - 3);
}
var time = window.setInterval(mov,10);}
</script>
<style type-"text/css">
#a:hover {color:red;}
</style>

追问

高手 我试了后 还是不可以 点击后没反应了 而且图片还覆盖了文字 文字不能显示在图片那里了 求高手 在修改一下

追答

我改后的测试的效果是，鼠标碰到文字后，图片下移，鼠标离开后图片归位文字位置不变。文字是在图片上一层，有重叠。如果要图片跟文字错开，可以让图片右移一点加下LEFT：50，

文字