文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用<frameset>在页面上显示页面加载GIF？

问如何用<frameset>在页面上显示页面加载GIF？
EN

Stack Overflow用户

提问于 2013-12-12 15:16:39

回答 1查看 947关注 0票数 0

在本例中，我有两个名为index.html和list.html的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>

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非常陌生，而且它的内容

谢谢你的建议

jquery-animate

javascript

jquery

html

animation

回答 1

Stack Overflow用户

发布于 2013-12-12 15:24:57

最好的方法仍然是CSS或Jquery，因为框架集无论如何都是不推荐的..。

示例CSS，使用:悬停修饰符(假设您有onhover触发器函数)：

.myloading_gif {
    display: none:
}

.myloading_gif:hover {
    display: block:
}

如果它是一个click元素，您不能用CSS来解决它，那么您应该考虑JQuery：

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

当加载完成后，只需再次调用“切换”即可。

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

要做到这一点，有很多方法。我的例子应该只是一点帮助，因为我不能百分之百肯定我明白你的观点。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20547230

复制

相似问题

问如何用<frameset>在页面上显示页面加载GIF？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用<frameset>在页面上显示页面加载GIF？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用<frameset>在页面上显示页面加载GIF？
EN