gpt4 book ai didi

javascript - 隐藏和显示侧切换

转载 作者:行者123 更新时间:2023-11-28 03:22:34 26 4
gpt4 key购买 nike

我在这个元素上需要一些帮助。我正在尝试将图片作为 div 元素的背景,单击时可以展开和隐藏。我不知道如何使图像成为 div 元素的背景,我也不知道如何使 div 从左到右切换。

非常感谢任何帮助。谢谢。

<html>
<body>
<div id="couch">Info about this couch</div>
</body>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="C:\Users\Jason\Desktop\CSS\HTMLBook/app.js" type="text/javascript" charset="utf-8"></script>
</html>
#couch {
height: 95px;
width: 65px;
background-color: silver;
border: solid;
top: 40%;
position: relative;
border-radius: 8px;
background-image: url("http://www.rowefurniture.com/uploads/images/sofas/thumb/C570.jpg");
}

最佳答案

将此代码添加到您的页面

<script>
$( "#couch" ).click(function() {
$( "#couch" ).toggle(1000);
});
</script>

测试:http://jsfiddle.net/Ss86Q/1/

关于javascript - 隐藏和显示侧切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23543095/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com