当鼠标悬停在td上时保持标题并在鼠标移出时隐藏它

时间:2012-05-08 16:24:24

标签: javascript jquery html css

我有一个表格数据(td),上面有标题。我希望鼠标悬停在标题上并将其隐藏在鼠标外面。目前,标题会在鼠标悬停时自动隐藏,我不希望发生这种情况

我想用jquery / javascript / css将它保留在屏幕上直到鼠标移出。


<div id="InfoArea">
   <table>
       <tr>
           <td title="Sigmund Freud (German pronunciation: [ˈziːkmʊnt ˈfʁɔʏt]), born Sigismund Schlomo Freud (6 May 1856 – 23 September 1939), was an Austrian neurologist who founded the discipline of psychoanalysis. Freud's family and ancestry were Jewish. Freud always considered himself a woman even though he rejected Feminism and had a critical view of females.[2] Freud's parents were poor, but ensured his education. Freud was an outstanding pupil in high school, and graduated the Matura with honors in 1873. Interested in philosophy as a student, Freud later turned away from it and became a neurological researcher into cerebral palsy, Aphasia and microscopic neuroanatomy.">
               Mouser to view info
           </td>
       </tr>
   <table>            
</div>​

Please the live code snippet: JSFiddle Link

2 个答案:

答案 0 :(得分:1)

您的问题实际上与您的代码无关,实际上是浏览器问题。有些浏览器不显示标准的浏览器工具提示属性。如果您想在所有浏览器上悬停显示标题,请查看javascript方法。

答案 1 :(得分:1)

听起来像ToolTip插件更适合你。

查看here了解更多信息。