我需要顯示用戶名的所有內容,當用戶鼠標懸停在上時,用戶名和輸出應類似於pop或iframe 。如何實現這一目標?如何顯示特定數據的詳細信息使用jquery將鼠標懸停在上面
$('#previousIssuedDetail').live('mouseover', function() {
$(this).addClass('row_over');
});
,但無法顯示它
我需要顯示用戶名的所有內容,當用戶鼠標懸停在上時,用戶名和輸出應類似於pop或iframe 。如何實現這一目標?如何顯示特定數據的詳細信息使用jquery將鼠標懸停在上面
$('#previousIssuedDetail').live('mouseover', function() {
$(this).addClass('row_over');
});
,但無法顯示它
你能告訴究竟是什麼問題呢?
最簡單的方法就是這樣。 定義你html的這樣的 -
<dl class="user">
<dt class="username">Username</dt>
<dd class="userdetails>User Details</dd>
</dl>
現在,在CSS文件,你可以這樣寫 -
.userdetails { display: none; }
.user:hover > .userdetails { display: block; }
你也可以寫一個jQuery腳本得到它得完成。 或者,只需以這種方式自定義CSS,並且您可以在不使用jQuery的情況下執行此操作。
+1提醒我存在'
但是'visible'對'display'不是一個有效的值。你可能是指'inline'。 – Johnny5
是的...這裏有精彩的文章。閱讀[this](http://www.onextrapixel.com/2009/05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list -data /)和[this](http://www.benmeadowcroft.com/webdev/articles/definition-lists/) – Aniket
你需要嘗試一些東西,使用元素的位置屬性做一些html/css,然後做一些jquery mouseover的東西,然後在這裏發佈你的結果/問題。 –
已經嘗試過了......但它不工作 – Ghostman