-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 回答