2011-08-10 51 views
-1

我需要顯示用戶名的所有內容,當用戶鼠標懸停在上時,用戶名和輸出應類似於pop或iframe 。如何實現這一目標?如何顯示特定數據的詳細信息使用jquery將鼠標懸停在上面

  $('#previousIssuedDetail').live('mouseover', function() { 
     $(this).addClass('row_over'); 
     }); 

,但無法顯示它

+0

你需要嘗試一些東西,使用元素的位置屬性做一些html/css,然後做一些jquery mouseover的東西,然後在這裏發佈你的結果/問題。 –

+0

已經嘗試過了......但它不工作 – Ghostman

回答

1

你需要這樣的事?

<div id="acc">Acc 
    <ul id="ulAcc"> 
     <li>User</li>  
     <li>User 2</li> 
     <li>User 3</li> 
    </ul> 
</div>​ 

JS

$("#acc").hover(function(){ 
    $(this).children().stop(true,true).slideDown(); 
    }, function(){ 
    $(this).children().stop(true,true).slideUp();  
});​ 

Demo

+0

yup,但是在codeigniter中它不起作用css文件 – Ghostman

1

你能告訴究竟是什麼問題呢?

最簡單的方法就是這樣。 定義你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的情況下執行此操作。

+0

+1提醒我存在'

','
'和'
'。有很多我們從未使用過的標籤,我們可以利用。 – Johnny5

+0

但是'visible'對'display'不是一個有效的值。你可能是指'inline'。 – Johnny5

+0

是的...這裏有精彩的文章。閱讀[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

相關問題