Question

onmouseover和onmouseout控制鼠标移动到div1上显示div2，移出div1时div2隐藏，默认div2要隐藏

网站php程序动态获取文章列表。文章列表如下
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
...
所有文章的标签都是list title image，动态获取的
怎样实现鼠标移动到文章标题上显示缩略图，移开时候缩略图隐藏。缩略图默认状态隐藏。

Answer 1

<script>
function hide(element)
{
document.getElementById(element).style.visibility="hidden";
}
function show(element)
{
document.getElementById(element).style.visibility="visible";
}
</script>
<div id="div1" onmouseover="show('div2')" onmouseover="hide('div2')">div1</div>
<div id="div2" style="visibiliry:hidden;">div2</div>

追问

之前试了个别人的不行。因为每条文章的标题都是div1文章对应的缩略图对应的都是div2会不会移动到div1上，其他文章的div2缩略图也显示出来了？

追答

思考一下吧，div1和div2只是个例子。标题不一定都是div1，可以是随便的一串字母。
就像上面的例子，把div1和div2复制一个，然后把复制的div1全部改成div3，div2全部改成div4。
这样div1就是打开div2，div3就是打开div4了。

那个第二个onmouseover应该是onmouseout，用手机打的，打错了

追问

你理解错了。。我的文章列表是php动态获取的。
所有文章的包含标签都是同一个。
如果是所有div都不同的话倒是可以用你的办法。

追答

哦，这样啊。
php的话可以用一个循环来获取不同的参数，每一项都加一就好了