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"
);

然后只使用您要加载文件的function的任何版本。 BTW为什么不使用title属性来模拟工具提示： <a class="info" href="#" title="Your tooltip text here">link</a> 即使你想要一个花哨的工具提示，它似乎更好地删除然后读取标题，而不是创建一个完整的单独元素。

Answer 3

你可以用ajax做到这一点。使用jQuery，因为那里有很多例子。

从txt文件中读取 - html / css网站

3 个答案: