当前位置: 首页 > 知识库问答 >
问题:

jquery具有动画高度的重叠图像

章越
2023-03-14

我在jquery中做了一些转换,我被卡住了。我想在点击重叠的div与图像在这个div与红色背景。

HTML

<div id="img_div1">
<img class="img" src=""  id="img" />

null

CSS

#img_div1
{
width:333px;
height:70px;
background:url("img/1.jpg");
}

.img1{height:0px;width:333px;}

jQuery

$(文档).就绪(函数(){$(“#img_div1”).单击(函数(){
$(“.img1”).动画({“height”:“70px”},1000).attr(“src”,“http://gglys.com/images/logo.png”);});});

这是我在JSFiddle中的代码

http://jsfidle.net/24jsfbv8/

共有1个答案

葛雨华
2023-03-14

你发布的JSfiddle几乎可以用了。您只是没有选择jQuery,需要将html中的“img”类更改为“img1”,如下所示:

<img class="img1" src=""  id="img" />

更新的JSfiddle

 类似资料:
  • 我正在尝试显示3个选项时,图标设置点击。我想覆盖它,它实际上工作(好好的)。 我的问题是第二个布局高度是手动设置的,我想改变它的高度与正常框(它的一个布局回收器视图项)相同。 有没有人可以帮助我如何设置第二个项目的高度与前一个项目的高度相同?我在OnBindViewWholder中尝试过,但没有成功 在照片下,我将添加来自适配器的xml文件和代码 适配器:

  • 我目前正在为一家公司做一个移动登陆页面。这是一个真正基本的布局,但在标题下方有一个产品的图像,它将永远是100%的宽度(设计显示它总是从边到边)。根据屏幕的宽度,图像的高度显然会相应地调整。我最初用一个img(CSS宽度为100%),它工作得很好,但我意识到我希望使用媒体查询来为基于不同分辨率的不同图像提供服务-例如,同一图像的小、中、大版本。我知道你不能用CSS改变img src,所以我想我应该

  • 我正在研究具有动态单元格高度的表视图。 由于我的要求,我必须展示40种不同的cell.Each细胞是不同的。 例如。 一个单元有2个标签,一个图像视图另一个单元只有2个图像视图,另一个单元格有5个标签,1个文本视图,2个按钮,2个图像查看 我的问题是我无法静态定义高度。每个单元格中的.labels和textview都基于运行时的文本。因此,根据各个元素,我需要调整高度。所以我根据下面的编码计算了标

  • 在我的项目中,我必须使用画布在另一个相同大小和图案的图像上实现一个不同的颜色图像,并且图像不是圆形或矩形形状。所有这些都是波浪形状,它将应用于单个主背景图像,用于在每个函数上显示多个图形。 重叠图像应更改为另一种选定颜色。我的问题是,使用canvas有什么方法,我们可以改变canvas绘制的图像颜色,或者我们需要始终使用不同的图像,并应用CSS/jQuery。 我读过关于画布图像掩蔽和重叠的文章。

  • 问题内容: 我有一个表格视图,其中包含一个webView的单元格,我希望该单元格的高度与该webView的高度相匹配。 这是我使用的代码: 结果是这样的:https : //postimg.cc/image/8qew1lqjj/ 该webView是正确的高度,但单元格不是,如何解决此问题? 问题答案: TableView会自动调整单元格的大小,您只需要实现委托方法即可。 是的,您最初并不知道Web

  • 我有一个UIScrollView,嵌套在一个内容视图中,它有两个嵌套的子视图,一个具有已知高度的常规UIView,以及一个具有动态高度的容器视图,具体取决于内容。就像这样: 视图如下所示: 我的约束设置如下: 滚动视图被限制在其超级视图(即视图)的尾缘、前缘、顶端和下边缘 内容视图被约束到其超级视图(即滚动视图)的尾部、前导、顶部和底部边缘。它还具有与主视图(即视图)相等的宽度约束,因此滚动视图的