-3

幅と<div>高さが 200 ピクセルの があります。その中に絵が<div>あるdisplay:none

をクリックする<div>と、画像のスタイルが になりdisplay:blockます。もう一度クリックすると、再びになりdisplay:noneます。

それは可能ですか?

4

2 に答える 2

1

jQuery が問題ない場合は、次を使用できます。

CSS:

#img {display:none;}

jQuery

<script>
$(document).ready(function(){
    $('#divID').click(function(){
        $('#img').toggle();
   });
}); 
</script>

#img は画像の ID です。より多くの html を投稿すると、より正確に答えることができます。

jQuery スクリプト ライブラリを追加するだけです。これをページの<head>タグの間に追加します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
于 2013-07-29T11:04:44.043 に答える
0

はい、div のイベントonclickで、次のようにアクションを配置します。

onclick="document.getElementById('image_id').style.display='block';"

変更したい場合は、 をもう一度クリックします。

onclick="if(document.getElementById('image_id').style.display=='block'){document.getElementById('image_id').style.display=='none';}
else{document.getElementById('image_id').style.display='block';}"
于 2013-07-29T11:01:12.857 に答える