從txt文件讀取-html / css網站

Question

我正在做一個個人頁面，其中我必須像這樣在css中包含某種工具提示

<a class="info" href="#">link<span>Your tooltip text here</span></a>

CSS部分：

a.info{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
}

a.info:hover{
    z-index:25;
    background-color: #FFF;
}

a.info span{
    display: none
}

a.info:hover span{
    display:block;
    position:absolute;
    top:2em; 
    left:2em; 
    width:15em;
    border:1px solid #000;
    background-color:#FFF;
    color:#000;
    text-align: justify;
    font-weight:none;
    padding:5px;
}

（我在網上找到了代碼）

我只是想知道是否可以通過使用html或javascript在文本文件中包含“此處的工具提示文本”，並使其顯示在文本文件中。

我不能為此使用php。

謝謝。

Answer 1

JavaScript無法讀取或寫入文件...但是您可以使用Ajax從文本文件加載數據

Answer 2

您真的不需要jQuery。 您可以使用如下內容創建一個js文件：

var tips = new Array(
    "My first tip",
    "My second tip"
);

然后，只需使用要加載文件的此功能的任何版本即可。 順便說一句，為什么不使用title屬性來模擬工具提示： <a class="info" href="#" title="Your tooltip text here">link</a>即使您想要精美的工具提示，也最好將其刪除並然后閱讀標題，而不是創建整個單獨的元素。

Answer 3

您可以使用ajax來執行此操作。 使用jQuery，因為那里有很多示例。