2017-09-15 34 views
-2

我有一张网站,有一张照片作为背景。我想将文本置于来自定期上传的文本文件的照片顶部。如果需要,这可以是纯文本文件或HTML。动态文本 - 透明和刷新

可以将文本:

16:54:28 It's 19.7度和我们打骨多米 - 爸爸凉快

所以我想这刷新一次,比如,30秒页面。

如何将文本从外部文本文件放到页面上?该方法需要将照片作为背景,所以iframe不好,除非有一种方法使帧透明。

如何在不刷新整个页面的情况下刷新动态文本? 目前正在开发中的网站www.surf-radio.net坐在GoDaddy上。

17:07:28 It's 18.3度和我们玩Fatback带 - 西班牙喧嚣

+0

[XMLHttpRequest进行本地文件(可能的重复https://stackoverflow.com/questions/7683596/xmlhttprequest-for-local-files) – kostak

+1

你有没有试过的代码? –

+0

我没有代码我尝试过,因为我不知道如何去做这件事。 –

回答

0

您可以使用JavaScript 刷新在HTML中的单个元素:

<p id="transparenttext">Hello World!</p> 
<script>document.getElementById("transparenttext").innerHTML = "New text!";</script> 

要使文本透明,你可以在你的CSS文件中输入#transparenttext{opacity: 0.5;}

,并更改上JS到:

document.getElementById("transparenttext").innerHTML = client; 

要加载一个文件,你可以去这个帖子:How do I load the contents of a text file into a javascript variable?