CSS：懸停

我想有所作爲，似乎很簡單，圓角的div ...CSS：懸停

我有一個包含單選按鈕和一些內容3個div S：

 Content of DIV1, 
[] this can be as long or as tall 
    as wanted 

[] Content of DIV2 

[] Content of DIV3

這很容易使用other posts這裏找到的任何技術爲每個div創建圓角。然而，我還沒有能夠做到這一點，只有懸停事件，即我希望只有當鼠標懸停在它上面時，纔會在div周圍出現四捨五入的方框。有沒有人看到過這樣的例子呢？

編輯：我已經在使用Prototype和Scriptaculous。我無法爲此添加jQuery。

來源

2009-01-09 karlipoppins

我建議你修改你的問題，表明你不能使用jquery，那你必須您在您的評論中提到的庫 – 2009-01-09 15:13:02

這種變化與jQuery的CSS上一個div

print("<div id="output" class="div"></div> 



<script> 

    jQuery(document).ready(function() { 

    $("#output").hover(function() { 
     $(this).css({ 'background-color': 'yellow', 'font-weight': 'bolder' }); 
    }, function() { 

    $(this).css({ 'background-color': 'blue', 'font-weight': 'bolder' }); 
    }); 


    } 
    );

「）的懸停;

來源

2009-01-09 15:10:09

我相信你可以用jQuery來做到這一點。
http://docs.jquery.com/CSS

http://docs.jquery.com/Events/hover

來源

2009-01-09 14:49:59

我已經使用原型和Scriptaculous ......不能只爲 – karlipoppins 2009-01-09 14:51:19

@m_oLogin添加的jquery：我加你的備註的jQuery（略意譯）你的問題的最後 – Powerlord 2009-01-09 15:38:49

部分可能會在實際上是具有存在着問題，在CSS的大多數實現（和瀏覽器的執行該技術），div沒有：可以將樣式規則附加到的懸停方法。

正如安東尼所說，jQuery可能能夠解決這個問題。我會如何攻擊它（因爲我沒有探索過jQuery）是設置你的標籤（其中確實是有一個懸停方法）來顯示：block，其中包含所有伴隨規則它是一個div，將其擴大以填充包含的div，然後將圓角規則添加到懸停中。

另一種方式是圍繞你的分度，標籤，但話又說回來，你仍然設置顯示：塊，背景等規則並不真正的屬於。

這是對語法的粗暴濫用，所以在嘗試任何我建議的事情之前備份你的工作。

祝你好運 - 它可能會更容易只是不停地在DIV德智體的時間，想別的事情可以做，以召喚出一個懸停效果。

來源

2009-01-09 14:57:21

Css定義懸停僞選擇器，你可以利用它來解決你的問題或使用javascript來模擬這種效果，添加/刪除一個css類到事件onMouseEnter onMouseOut上正確的div。

來源

2009-01-09 15:07:06 Eineki

。但是瀏覽器並沒有實現它，尤其是沒有實現。 – 2009-01-09 15:13:41

回答

相關問題