懸停在一個對象上以轉換另一個對象

-2

我在HTML中有兩個圓圈（div）。如何點擊一個圓圈來改造其他圓（比如改變其不透明度：0.5;）使用過渡CSS3中懸停在一個對象上以轉換另一個對象

感謝

2017-10-18 Vyas

歡迎來到StackOverflow！爲了讓我們更好地爲您提供幫助，能否請您更新您的問題，以便在[**最小，完整和可驗證的示例**]中顯示**相關代碼**（http://stackoverflow.com/幫助/ MCVE）。如果你能讓我們知道你有什麼[**嘗試到目前爲止**]（http://meta.stackoverflow.com/questions/261592）來解決你的問題，這也會很有幫助。有關詳細信息，請參閱有關[**如何提出良好問題**]（http://stackoverflow.com/help/how-to-ask）的幫助文章，並參加該網站的[**遊覽**]（http://stackoverflow.com/tour)) –

-1

使用「+」選擇

<div> 
    <div class="circle1"></div> 
    <div class="circle2"></div> 
</div>

這個CSS做什麼你想要做

.circle2{ 
    transition: opacity 1s; 
} 
.circle1:hover + circle2{ 
    opacity: 0.5; 
}

使用jQuery，如果你想改變透明度，當你點擊CIRCLE1

來源

2017-10-18 02:06:53

正確的CSS規則是.circle2 {0}轉換：不透明度1s; } 。圓1：懸停+圓2 {不透明度：0.5; } – Vyas

以防萬一你想使用jQuery，這裏是你可以做的：

//select circle1 and do something when it's clicked 
    $('.circle1').click(function() { 

    //when circle1 clicked, do something to circle2 
    $('.circle2').css('opacity', '.5'); 

});

來源

2017-10-18 07:21:59

懸停在一個對象上以轉換另一個對象

回答

相關問題