Question

如何更改此设置，以便每个文本框仅显示每个图像的文本？我对这一切都很陌生，我发现很难做到我想做的事。

＆＃13;

function showText(text) {
  document.getElementById("text").innerHTML = text;
  document.getElementById("text2").innerHTML = text;
}

function hide() {
  document.getElementById("text").innerHTML = "";
  document.getElementById("text2").innerHTML = "";
}

＆＃13;

<LINK REL="stylesheet" TYPE="text/css" HREF="test2css.css">
<h1> ufo test page </h1>

<img src="ufo.png" id="image" onMouseOver="showText('its a ufo baby')" onMouseOut="hide();">
<div id="text" style="position:absolute; left: 100px; top: 200px;"> </div>

<br>

<img src="alien.png" id="image2" onMouseOver="showText('its a grey baby')" onMouseOut="hide();">
<div id="text2" style="position:absolute; left: 150px; top: 400px;"> </div>

＆＃13;

Answer 1

对于你接近这个的方式，你需要为每个文本div提供两个函数，这样它们就可以单独显示和隐藏。

select s1.FirstName, s1.LastName, m2.name as module_name, n3.Note, x1.av_note
from student s1
left join notation n3
  on n3.stud = s1.num
left join module m2
  on m2.code = n3.mod
left join
(
select stud, avg(note) as av_note
from notation
group by stud
) x1
  on s1.num = x1.stud
order by av_note, lastname desc

function showText(text){
document.getElementById("text").innerHTML=text;
}
function hideText(){
document.getElementById("text").innerHTML="";
}

function showText2(text){
document.getElementById("text2").innerHTML=text;
}
function hideText2(){
document.getElementById("text2").innerHTML="";
}

这是对代码的简单修复。如果你有很多图像，你可能想看看其他方法。

如何为每个单独的图像设置文本框？

1 个答案: