Javascript 我对父div使用jquery闪烁功能,但这会影响chaild div。请帮助解决此问题
我使用了多个div标记。对于父div,我使用了jquery闪烁功能。但这会影响我的chaild div标记。 我只想眨眼,请帮助我Javascript 我对父div使用jquery闪烁功能,但这会影响chaild div。请帮助解决此问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用了多个div标记。对于父div,我使用了jquery闪烁功能。但这会影响我的chaild div标记。 我只想眨眼,请帮助我 你不能那样做。如果隐藏父对象,则其所有子对象也将隐藏,不透明度也是如此。您可能可以根据需要进行模拟,但必须提供html代码。fadeOut()和fadeIn()jQuery中的方法更改不透明度 无论何时更改元素的不透明度,都会更改其所有子元素的不透明度。 这意味着,将透明度为opacity:0.5的子对象放置在透明度为opacity:0.5的父对象中时,其渲染效果将
你不能那样做。如果隐藏父对象,则其所有子对象也将隐藏,不透明度也是如此。您可能可以根据需要进行模拟,但必须提供html代码。
fadeOut()
和fadeIn()
jQuery中的方法更改不透明度
无论何时更改元素的不透明度,都会更改其所有子元素的不透明度。
这意味着,将透明度为opacity:0.5
的子对象放置在透明度为opacity:0.5
的父对象中时,其渲染效果将与透明度为opacity:0.25
的子对象放置在透明度为opacity:1
的父对象中时完全相同
除了让它的子对象不再是它的子对象之外,没有其他方法可以解决这个问题:将内容放入一个不闪烁的容器,将闪烁的部分放入闪烁的容器,并使它们成为具有位置:relative的同一父对象的子对象代码>。其中一个需要有位置:绝对
(通常是闪烁的,但取决于上下文)
下面是一个例子:
功能闪烁(选择器){
$(选择器).fadeOut(2000,函数(){
$(this).fadeIn(2000,function(){
眨眼(这个)
})
})
}
闪烁($('child[blinking]')代码>
父、子{
位置:相对位置;
显示:块;
框大小:边框框;
}
孩子[眨眼]{
位置:绝对位置;
身高:100%;
宽度:100%;
排名:0;
左:0;
背景颜色:浅灰色;
}
孩子{
填充:2rem;
}
将非闪烁内容放入闪烁元素的同级元素中,并绝对定位其中一个元素(通常为闪烁元素)。
请发布您的代码,而不是指向代码图像的链接。我想要这个。这对我来说很好。谢谢lot@mani,请随意将其应用于您的项目,无需征得我的许可。添加此答案是为了让您和其他人了解如何实现您的要求。如果它帮助你找到了一个有效的解决方案或解决了你的问题,请随意将其标记为可接受的答案。请花些时间阅读,以了解更多有关功能的信息。