Question

如何加载 .txt 文件而不是图片。我在滚动时使用了旋转。因此，每次滚动新图像时都会翻转。我想将此图片更改为纯文本。

CSS：

#tourniquetpers{
position: fixed;    
width: 25%;
top:0px;
left:75%;
bottom:0px;
-webkit-perspective: 600px; /* Chrome, Safari, Opera */
perspective: 600px;
z-index: 999998;
display: block;

}

#tourniquet{
position: fixed;    
width: 100%;
top:0px;
left:0px;
bottom: 0px;
background-color: black;
z-index: 999999;
background: red;
background-image:url();
background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;  
background-size: 50%;
overflow: hidden;

jQuery：

var ScrollTop = $(window).scrollTop()
    /*img01*/
    if ( ScrollTop > 0 && ScrollTop <  (bodyHeight/2)){

    /*console.log('image02')*/
    $("#tourniquetpers").css('display','block')
    /*$("#tourniquet").find('img').attr('src', "pages/04.png");*/
    $('#tourniquet').css("background-image", "url(athena_01.png)");  

    };

    /*img02*/
    if ( ScrollTop > (bodyHeight/2) && ScrollTop < (bodyHeight + (bodyHeight/2) )) {

    /*console.log('image02')*/
    $("#tourniquetpers").css('display','block')

    /*$("#tourniquet").find('img').attr('src', "pages/02.jpg");*/
    $('#tourniquet').css("background-image", "url(athena_02.png)");  

    };

我尝试更改它以加载 .txt 文件，但div保持为空。提前致谢

Answer 1

https://api.jquery.com/load/

$('#tourniquet').load('file.txt', function(response, status, xhr) {
  if (status === 'error') {
    console.error(xhr.statusText);
  }
});

将.txt而不是图像文件加载到jquery

1 个答案: