如何顯示任何div如果任何特定的div有特定圖像

我正在處理下面的任務，但不能這樣做。如何顯示任何div如果任何特定的div有特定圖像

，如果我在div.selected

<div class="selected" style=""><img width="25" height="24" src="images/smileys/smiley.png" icon-value="1" icon-index="0"></div>

然後div.selected圖標的懸停顯示div.show懸停已經smiley.png否則顯示它沒有

<div class="selected-icon" style=""><img width="25" height="24" src="images/smileys/smiley.png"></div> 

<div class="show-hover">xyz</div>

任何幫助??

來源

2014-04-08 Hashir Azad

不明白你想說什麼？ –

我想說如果我有1.png在class class =「one」的div，然後懸停的class class =「two」div如何顯示div class =「Three」 –

認爲你在尋找一些CSS '.selected {display：none;} .selected：hover {display：block;}' – Scott

HTML

<div id="flip">Hover to show the panel</div> 
<div id="panel">Hello world!</div>

CSS

#panel, #flip 
{ 
    padding:5px; 
    text-align:center; 
    background-color:#e5eecc; 
    border:solid 1px #c3c3c3; 
} 
#panel 
{ 
    padding:50px; 
    display:none; 
}

$(document).ready(function(){ 

    $("#flip").mouseover(function(){ 
     $("#panel").show(); 
    }); 

    $("#flip").mouseout(function(){ 
     $("#panel").hide(); 
    }); 

});

個或另一個JS幻燈片效果

$(document).ready(function(){ 

    $("#flip").click(function(){ 
     $("#panel").slideToggle("slow"); 
    }); 

});

DEMO

來源

2014-04-08 12:20:54 4dgaurav

試試這個

jQuery的

$('.selected-icon').mouseover(function() 
{ 
    $('.show-hover').show(); 
}); 
$('.selected-icon').mouseout(function() 
{ 
    $('.show-hover').hide(); 
});

HTML代碼

<div class="selected-icon" style=""><img width="25" height="24" src="images/smileys/smiley.png"></div> 

<div class="show-hover" style="display:none">xyz</div>

看到DEMO

來源

2014-04-08 12:10:59

+1000 ... Grt回答 – Anup

HUH？ @Boopathiü張貼了錯誤的答案，我猜。 LOL –

'一個野生的答案出現！' – Ruddy

所以，你想顯示SIBL在懸停？

Working demo

.show-hover { 
    display: none; 
} 

.selected-icon:hover + .show-hover { 
    display: block; 
}

來源

2014-04-08 12:17:48 Turnip

可以使用的onmouseover和onmouseout通過JavaScript要顯示/隱藏的元素改變顯示的CSS值。

<div class="selected" style="" onmouseover="javascript:document.getElementById('selected-icon').style.display = 'block'; document.getElementById('show-hover').style.display = 'block';" onmouseout="javascript:document.getElementById('selected-icon').style.display = 'none'; document.getElementById('show-hover').style.display = 'none';"><img width="25" height="24" src="images/smileys/smiley.png" icon-value="1" icon-index="0"></div> 

<div class="selected-icon" id="selected-icon" style="display: none;"><img width="25" height="24" src="images/smileys/smiley.png"></div> 

<div class="show-hover" id="show-hover" style="display: none;">xyz</div>

來源

2014-04-08 12:23:11 JRulle

如何顯示任何div如果任何特定的div有特定圖像

回答

相關問題