2010-11-14 70 views
2

我做了个人网页中,我必须包括某种提示的CSS这样从一个TXT文件阅读 - HTML/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,并得到它显示t中的文字ext文件。

我不能用这个php。

谢谢。

回答

0

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

+0

试试这个http://plugins.learningjquery.com/cluetip/demo/ – yogs 2010-11-14 04:53:01

+1

请使用正确的英文。或者至少尝试一下。 – jwueller 2010-11-14 04:54:47

+1

对不起,我会记住这一点,并尽我所能 – yogs 2010-11-14 04:57:24

3

JavaScript不能读或写文件...但是你可以从一个文本文件阿贾克斯

+0

我认为@okayasu需要将工具提示内容分离到其他文件 – yogs 2010-11-14 05:36:52

1

加载数据你并不真正需要的jQuery这一点。你可以用你的内容创建一个如下所示的js文件:

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

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