Question

在这种情况下，我有两个HTML页面（只是说两个）命名为 index.html 和 list.html

的index.html



<html>
<head>
    <title>Frame</title>
</head>
<frameset rows="20%,80%" bordercolor='blue' noresize id="judul">
    <frame src="Judul.html" id="atas">
    <frameset cols="15%,85%" id="kolom">
        <frame src="list.html" id="daftar">
        <frame src="new 2.html" id="tengah">
    </frameset>
</frameset>
</html>

<html> <head> <title>Frame</title> </head> <frameset rows="20%,80%" bordercolor='blue' noresize id="judul"> <frame src="Judul.html" id="atas"> <frameset cols="15%,85%" id="kolom"> <frame src="list.html" id="daftar"> <frame src="new 2.html" id="tengah"> </frameset> </frameset> </html>

list.html

<html>
<head>
    <title>List</title>
</head>
<body>
    <a href="welcome.html" target="tengah" style="color:blue;margin-left:40px;font-family:Segoe UI;">Main page</a>
    <a href="list.html" target="tengah" style="color:blue;margin-left:40px;font-family:Segoe UI;">About Us</a>
</body>
</html>

所以我想要的是当来自 list.html 的链接调用页面时，目标框架将显示加载GIF，然后在加载完成后隐藏它。

问题是我应该在那里放什么代码？我应该把它放在哪里？

请尽量详细说明，因为我对HTML非常陌生，而且它的内容

并感谢所有建议

Answer 1

最好的方法仍然是CSS或Jquery，因为无论如何都不推荐使用framesets ......

CSS示例，使用：hover修饰符（假设你有onhover触发器功能）：

.myloading_gif {
    display: none:
}

.myloading_gif:hover {
    display: block:
}

如果它是一个单击元素，你无法用CSS解决它，那么你应该考虑JQuery：

$("#myHrefID").click(function() {
    $("#myLoadingIcon").toggle();
});

加载完成后再次调用“切换”。

$("#myLoadingIcon").toggle();

有很多方法可以实现这一目标。我的例子应该只是一点帮助，因为我不能100％确定我明白你的观点。

如何在页面上显示页面加载GIF？

1 个答案: