2010-11-14 41 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> 即使你想要一個花哨的工具提示,它似乎更好地刪除,然後讀取標題,而不是創建一個單獨的元素。