无jQuery淡入(fadeIn) - CSS过渡不透明和显示
无jQuery淡入(fadeIn)是一种使用CSS过渡效果实现元素逐渐显示的方法，而不依赖于jQuery库。通过使用CSS的opacity属性和transition属性，可以实现元素的淡入效果。
具体实现步骤如下：
- 首先，为需要淡入的元素添加一个CSS类，例如fade-in。
- 在CSS中，为.fade-in类添加以下样式：
- 在CSS中，为.fade-in类添加以下样式：
- 这里设置了初始的透明度为0，并且定义了一个过渡效果，过渡时间为0.5秒，过渡效果为渐进式。
- 在需要触发淡入效果的时机，例如页面加载完成后或者某个事件触发时，使用JavaScript或者其他方式，为目标元素添加.fade-in类，例如：
- 在需要触发淡入效果的时机，例如页面加载完成后或者某个事件触发时，使用JavaScript或者其他方式，为目标元素添加.fade-in类，例如：
- 这里假设目标元素的id为targetElement。
- 当.fade-in类被添加到目标元素后，元素将会逐渐显示出来，实现了淡入效果。
无jQuery淡入效果的优势是不依赖于第三方库，减少了对外部资源的依赖，提高了页面加载速度和性能。此外，使用CSS过渡效果可以更好地控制动画的细节，如过渡时间、过渡效果等。
这种淡入效果适用于各种需要元素逐渐显示的场景，例如页面加载时的元素展示、用户交互时的动态效果等。
腾讯云相关产品中，与CSS过渡效果相关的产品和服务有限，但可以使用腾讯云的云服务器（CVM）来部署和运行网站或应用程序，以及使用腾讯云的内容分发网络（CDN）来加速静态资源的传输和加载。您可以访问腾讯云官网了解更多关于云服务器和内容分发网络的信息。
腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm 腾讯云内容分发网络（CDN）产品介绍：https://cloud.tencent.com/product/cdn
相关·内容
3回答
如何在背景图像中淡出？
、、、
我想要一个图像预加载和淡入时，准备好了。我有预加载器工作，但不能得到淡入淡出效果。
我尝试过的：
1: CSS3过渡-不适用于背景图像。
2: CSS fadeIn -仅适用于jQuery元素，不适用于CSS背景图像。尝试淡入淡出一个元素会导致其中的所有元素也会淡入淡出。
jQuery：
$(bg).imagesLoaded({
done: function($images){
$('body').css('background-image', "url('" + $images[0].src + "
浏览 0提问于2012-11-10得票数 1
回答已采纳
我正在尝试创建一个瓦墙与一个小菜单，以display: none一些元素的基础上他们的类。在我的CSS中，有一些CSS转换导致fadeIn和fadeOut无法工作。如果我添加一个时间，元素将需要这么长的时间才能消失，但没有实际的淡入淡出。
CSS：
.block:not(.noTransition), .block a img, #main_side p, #main_content, #menu_container{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
浏览 1提问于2013-06-08得票数 5
1回答
延迟加载后的jQuery淡入图像
、、、、
我用这个来延迟我的图片的加载：
HTML：
<img src="loading.gif" delayedSrc="url/to/real/image.png" />
jquery：
image.attr('src', currentImage.attr('delayedSrc'));
现在，当加载完成后，而不是仅仅从loading.gif切换到真实的图像，如果想要它淡入。我试过了：
image.attr('src', currentImage.attr('delayedSrc')).lo
浏览 0提问于2012-09-06得票数 3
回答已采纳
我有一个非常简单的div，它使用JQuery在鼠标悬停在div上时淡入。然后，当鼠标离开div时，它就会消退。
我的问题：淡入/淡出只工作一次。当我第二次把鼠标放在div上时，它不会褪色。
出什么事了？JSFiddle：
<div id="test" style="opacity: 0; width: 100px; height: 100px; background-color: red;">
</div>
$("#test").mouseenter(function()
{
浏览 5提问于2012-02-09得票数 3
回答已采纳
我对使用JQuery还是个新手，只是玩玩而已。我正在尝试让一个元素在单击一个按钮时淡入。如果用户再次单击该按钮，而元素仍在淡入，我希望它再次启动隐藏/不可见。因此，我首先停止所有动画stop(true)，然后隐藏元素，让它淡入。
但是我不能让它工作。第二个淡入似乎是从元素在那个时刻的不透明度开始的，然后从那里淡入。我也尝试过用css("opacity", 0)代替hide()，但是之后元素的不透明度被设置为0，fadeIn似乎不再起作用了。
<html>
<head>
<script src="http://code
浏览 2提问于2012-04-23得票数 0
回答已采纳
5回答
我知道你可以在鼠标悬停时使用fadeIn和fadeOut，但我只是想知道当你将背景图片添加到css时该怎么做：
$(document).ready(function() {
$('.bubble').mouseover(function() {
$('.bubbleSpeach').fadeIn("slow");
var path= this.id + ".png";
$(&#
浏览 2提问于2013-03-05得票数 0
回答已采纳
3回答
我已经在互联网上搜寻了几个小时的解决方案，但我的代码仍然无法工作。我正在创建一个jQuery页面过渡，我的网站的主要内容(页眉和页脚除外)将在页面加载时淡入，并在页面退出/过渡到另一个页面时淡出。我使用fadeTo()来改变它的不透明度，因为fadeIn()和fadeOut()删除了主要内容，导致页脚“上移”页面的位置。
问题是我当前的代码没有显示任何淡入淡出的过渡效果：
(function( $ ) {
"use strict";
$(function() {
// Your code here
$("#main.site-main"
浏览 2提问于2014-08-17得票数 0
当我在css()中将不透明度设置为0时，下面的fadeIn()不起作用
如果我将不透明度设置为1，则会显示loader元素，但当然不会有任何淡入。
loader.css({
top : ($(window).height() - loader.height()) / 2+'px',
left : ($(window).width() - loader.width()) / 2+'px',
opacity : 0
})
.fadeIn(1000);
如果我使用display:none，它可以工作！？
浏览 1提问于2011-05-18得票数 9
回答已采纳
5回答
有没有什么方法可以让这个图像使用定义的CSS过渡淡入？现在，它只是弹出到完全不透明。
var makeImage = function() {
$('#image').remove();
$(document.body).append('<img id="image" class="fadeIn" src="http://a57.foxnews.com/global.fncstatic.com/static/managed/img/Scitech/660/371/tardar-sauce-the-cat
浏览 0提问于2013-06-20得票数 0
2回答
我想使用jQuery的.load()方法获取一些内容，然后用CSS3转换将其淡入，将不透明度从0更改为1。在CSS中，不透明度已经设置为0，以及转换属性。因此，我所要做的就是在加载新内容后更改不透明度。
我以为这样就行了：
function loadContent(url) {
$('#panel-b').load(url + " #content", function() {
$('#content').css("opacity", 1);
});
}
内容加载得很好，但不会褪色。不透明度立即下降到1，没有过渡效应。我认
浏览 1提问于2014-01-19得票数 3
回答已采纳
我正在创建一个调光插件，我想给它一个很好的淡入淡出过渡。当我使用背景半透明的'png‘图像时，它可以使页面变暗，但问题是，当我给它淡入淡出效果时，所有的东西都消失了，而我想只给背景这种效果。
var $j = jQuery;
$j(document).ready(function(){
// Hide shadow
jQuery(".shadow-class").css('background', 'none');
jQuery(".custom-read-more-toggle").on("click&#
浏览 0提问于2015-11-25得票数 0
我有一个HTML格式的任务列表。
当任务完成时，jquery检查li，将其移动到列表的底部，添加“fadesOut”类，然后淡入..一切都很好，除了当它淡入时，它不仅删除了它用FadeOut添加的display:none属性，还添加了一个内联样式display:list-item (或元素隐藏时拥有的任何其他显示属性)
我需要与以前完全相同的li，所以在fadeIn之后，我需要：
li.fadeIn(function(){
//remove display property
li.css('disp
浏览 0提问于2015-08-15得票数 0
1回答
我正在尝试淡入和淡出图像和gif之间的过渡，因为它们是交换的。我试过使用不透明的CSS3过渡，但它将gif淡入淡出。我尝试过使用fadeIn() jQuery函数，但没有成功。有人能帮我指出正确的方向吗？
代码：
html
<figure>
<img src="http://reneinla.com/tasha/style/images/stills/FORD-SUPER-BOWL.jpg" data-alt-src="http://reneinla.com/tasha/style/images/gifs/giphy.gif"/>
浏览 0提问于2017-07-19得票数 0
我想在ajax调用完成并且jquery重新构建了DOM之后，在组件中进行fadein。我有这样的设置: index.html： <head>
<style>
body {
opacity: 0;
transition: opacity 2s;
}
</style>
</head>
<body onload="document.body.style.opacity='1'">
<div class="content&
浏览 17提问于2021-01-16得票数 1
1回答
我正在尝试创建这个动画，其中标题最初在页面中可见，然后当您向下滚动时，您触发标题慢慢淡出，字幕在后面淡入。我有标题部分的工作，但我似乎不能让字幕出现平稳过渡。一开始，我的副标题是“可见性:隐藏”，然后当我滚动，javascript在类中添加过渡时，它突然出现了，而忽略了我给它的过渡属性。Here is the fiddler是我设置的。下面是我用来制作这个动画的javascript和css (分别)。当然，如果有任何更简单的方法来实现这一点，请随时让我知道。如有任何建议或帮助，我将不胜感激。我一直在研究和尝试，但无济于事。 Javascript const element = docum
浏览 8提问于2019-12-28得票数 0
回答已采纳
1回答
我使用的是引导带，其中有6列包含图标/文本，当我悬停在每一列上时，我需要在转换中更改该部分的背景(悬停每一列将将该部分的背景更改为不同的内容)，并且在每一列中都会出现文本和按钮。
我试图在jQuery中使用6个不同的变体并隐藏/淡入它们，但这太复杂了：
$('.process-box').hover(function() {
$(this).find('.process-intro').hide();
$(this).find('.process-content').fadeIn();
}, function() {
$(
浏览 0提问于2016-02-08得票数 0
回答已采纳
我使用jQuery fadeIn和fadeOut在两个数据集之间切换时提供平滑过渡。这是工作地图：
下面是我淡出容器的地方：
$('#setdataPop').click(function() {
$("#container").fadeOut(500, function() { resetMap(pop); $("#container").fadeIn(500); });
});
这是可以的，但我希望在数据集之间淡入淡出时保持底图完全可见。我曾考虑在下面堆叠的div中添加一个空的贴图，但这个解决方案看起来有点笨拙。如果你有任何想法，我将不胜感
浏览 3提问于2017-10-10得票数 0
我尝试在DOM上放置一个隐藏的验证弹出窗口，然后在发送表单时将其动态显示出来。我发现，在将元素动画化为完全不透明之前，使用.hide()或.css(opacity, 0)时，jQuery动画方法的操作方式不同。
在代码的早期，如果我使用.hide()，则不透明属性设置为1的.animate()将根本不起作用。但是，.fadeIn()方法只能首先使用.hide()。如果我使用.css()方法将元素的opacity设置为0，那么.animation()将淡入元素。我想使用.animate()，因为它的灵活性和更多的选项。
我决定继续使用.css()方法，但是在尝试支持IE8时遇到了一个问题。.cs
浏览 0提问于2012-01-25得票数 0
我遇到了一个令人沮丧的问题，就是在一个元素被jQuery淡入CSS之后，它就会逐渐淡出。当页面使用以下内容加载时，我设置了CSS动画以淡入元素(我还获得了相关的浏览器前缀，我也使用了Stylus)：
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.elem {
opacity: 0;
animation: fadein 500ms ease-in 1ms forwards;
}
我的问题是，当事件处理程序被激活时，运行以下操作的事件处理程序不会褪色，而是直接跳到零：
浏览 4提问于2014-06-13得票数 0
回答已采纳
我对Jquery非常陌生，但我终于弄明白了当我的#contentContainer悬停在一个单独的“触发器”图像上时，如何改变我的#contentContainer的背景图像(一个精灵)。然而，在我的一生中，我无法解决如何将淡入淡出效果应用于过渡。基本上，我希望它在鼠标移到和鼠标移出时平滑地淡入，而不是当前突然的背景图像过渡。
下面是我的(非淡入淡出但正常工作的)脚本：
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#swapTrigger").hover(
function() {
$j(&#
浏览 0提问于2010-08-03得票数 1
2回答
这里的淡入淡出效果不起作用...ui.fadebox是一个白色的div标签，可以淡入淡出。即使时间设置为5000，它也不会褪色，就像从块/无设置显示一样。没有过渡..。
ui.fadeBox.animate({
opacity: 1
},
500,
function () {
$('.active', ui.container).removeClass('active
浏览 4提问于2011-01-20得票数 1
回答已采纳
1回答
一直在尝试让背景div自动旋转一系列图像。淡入淡出闪烁且不交叉。我的想法是使用jquery通过css换出图像并淡入新图像。一个不错的交叉可能会更好。这是相当轻量级的-或者说它看起来是这样的，并且不愿使用插件。
有没有关于为什么没有得到更平滑的交叉/过渡的见解？
setInterval(delayFunction, 10000);
function delayFunction() {
setTimeout( function(){
$('#homeback').fadeOut('slow');
浏览 0提问于2013-09-26得票数 1
4回答
是否在页面初始加载时执行淡入？
、、、、
我正在编写一些jQuery代码来应用页面过渡。我希望jQuery代码所做的基本上是应用一个淡入淡出效果的页面，如下所示：
$("body").css("display", "none");
$("body")().fadeIn(400);
一旦页面加载，页面重新加载，然后执行指令淡入效果，但我希望发生的是整个网页从一开始就淡入淡出的效果，并尝试：
$(document).load(function() {
然而，这是行不通的。我也尝试了下面的代码，但都没有用：
$("body").load().css("
浏览 0提问于2012-05-21得票数 4
3回答
页脚淡入然后淡出
、、
我正在尝试让页脚固定在页面的底部，只有当鼠标经过它时才淡入，一旦鼠标不在它上面时就淡出，但我似乎无法让它工作：
HTML
<footer>
Footer stuff
</footer>
CSS：
footer {
position: fixed;
bottom: 0px;
display: none;
background: #000;
width: 100%;
height: 50px;
color: #fff
}
Jquery
$("footer").hover(
浏览 0提问于2012-03-20得票数 0
3回答
我有一个在wordpress网站上使用的jquery插件。它是主页上的3个背景图像，它们之间相互过渡。问题是，这不是一个平稳的过渡，而是一个突然的过渡。不好看。代码如下：
jQuery( document ).ready(function($) {
var currentBackground = 0;
var backgrounds = [];
backgrounds[0] = 'http://soloveracruzesbello.mx/wp-content/uploads/img/soloveracruz/sites/7/2016/02/solo
浏览 0提问于2016-02-26得票数 1
我正在创建一个简单的画廊使用一些PHP和JavaScript，并试图做一个淡入淡出之间的图像过渡。然后我想知道使用CSS动画是否有性能差异，例如：
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
和一个jQuery fadeIn。
我想使用来自fadeIn的回调，但我想我也可以对CSS使用计时器。
这两种方法中的哪一种可能在处理大图像时效果更好？我看不出有什么不同，但我想知道它是否会影响速度较慢的计算机。
浏览 2提问于2012-06-02得票数 11
回答已采纳
3回答
当我重定向用户时，我试图获得一个平滑的过渡。首先通过淡出页面，然后重定向和和fadeIn。
这是我的重定向
if ( data.redirect != undefined )
{
$("#toppanel").slideUp(1000);
$("#content").fadeOut(2000, function() {
window.location = data.redirect;
});
我的下一个页面在页眉中有一个javascript，如下所示：
jQuery(function ($)
浏览 2提问于2011-04-12得票数 0
回答已采纳
1回答
我正在做我的作品组合，我正在尝试一些视差效果，并在视图中淡入。
我更喜欢动画的CSS3过渡，我只使用Jquery的路点来触发它。
淡入效果在Firefox中运行良好，整个div都会淡入，但在Mac上的Chrome & Safari中，div的背景图像不会淡出，它只是跳进来而已。
例如，检查(模糊部分应该会淡入)
我添加或删除一个类active_item或inactive_item，以此方式触发CSS转换。
.active_item {
-webkit-opacity: 1.0;
-moz-opacity: 1.0;
-ms-opacity: 1.0;
浏览 0提问于2013-07-08得票数 1
我已经认识到jQuery fadeIn()函数的一种行为，这在我看来是错误的。
这些代码片段应该是等效的：
function fadeIn1(){
$("#fadediv1").stop(true).fadeIn(2000);
}
function fadeOut1(){
$("#fadediv1").stop(true).fadeOut(2000);
}
和：
function fadeIn2(){
$("#fadediv2").stop(true).fadeTo(2000, 1);
}
浏览 0提问于2012-06-28得票数 5
回答已采纳
2回答
我想知道如何将隐藏函数和显示函数组合成一个切换函数来淡入或淡出内容，我猜这个参数会更新淡入淡出方法：
这是我目前在JS中从我的对象中使用jQuery所做的努力，但这是完全错误的：
toggleAlertOverlay: function (state) {
var instance = this;
if (state === hide) {
instance.selector.fadeOut();
}
elseif(state === show) {
instance.selector.fadeIn();
}
},
toggleAlertOverlay(hi
浏览 0提问于2012-08-08得票数 0
回答已采纳
我试图在鼠标悬停时给div添加淡入淡出的效果。淡入淡出效果是在background-color的颜色之间过渡。虽然我可以立即更改css类，但在创建淡入淡出动画时，使用fadeIn()或animate()并不是很有用。如何开始创建此动画？
jQuery：
$('div.my-bkgr').mouseover(function() {
$('div.my-bkgr').attr("class", "my-bkgr-mouseover");
}).mouseout(function() {
$('div.my-bkgr&
浏览 3提问于2013-04-03得票数 0
回答已采纳
jQuery UI的一个有用特性是它劫持了jQuery addClass方法，通过包含第二个“持续时间”参数添加了动画支持，如下所示：
$('div').addClass('someclass', 1000);
对于传入的CSS属性，如color、background-color、width、height等，这一切都很好。
但是，像visibility:hidden -> visibility:visible和display:none -> display:block这样的过渡并没有像我所期望的那样优雅地消失。它们只需等待持续时间完成，然后在类最终添
浏览 0提问于2013-09-24得票数 2
回答已采纳
jQuery可以很容易地实现文本的fadeIn/fadeOut。但是，如果您想要将文本从一个内容更改为另一个内容，该怎么办？这可以通过一个过渡来实现吗？
示例：
<div id='container'>Hello</div>
是否可以更改文本Hello to World，但通过转换(如淡入淡出或某种效果)而不是立即更改？
浏览 44提问于2010-09-09得票数 60
回答已采纳
3回答
我正在尝试更改一个img src，然后将不透明度设置为0，然后淡入。
$("#featureImg").attr('src','07.jpg').css({opacity:0}).fadeIn("slow");
这将一直工作到
.css({opacity:0})
这意味着它会将不透明度设置为0，但不会发生淡入淡出。
浏览 1提问于2011-07-05得票数 3
回答已采纳
2回答
我正在使用这个jquery脚本淡出和淡入页面，
<script type="text/javascript">
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(1000);
$("li").click(function(event){
event.preventDefault();
linkLocation = th
浏览 1提问于2012-03-31得票数 0
2回答
对于此HTML代码段：
<header>
<h1>Title</h1>
<h2>my first sentence</h2>
</header>
我运行这个Jquery脚本：
$('header h2').hover(function(){
$(this).text("my second sentence");
}, function() {
$(this).text("my first sentence");
});
我想在两个状态之间添加一个淡入/淡出过渡
浏览 5提问于2013-01-20得票数 1
回答已采纳
我在加载时有相当多的页面效果，它们可能会导致页面在加载时变形。为了阻止这一切，我在淡入淡出身体。但是，只有当display:none;被归因于CSS的body部分时，它才起作用。
CSS
body {
position: relative;
min-height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
font-size: 12px;
display: none;
}
JS
window.onload = function () {
浏览 6提问于2016-08-31得票数 2
回答已采纳
4回答
我正在尝试创建一个使用jQuery的CSS函数的弹出窗口。代码如下：
function Show_Popup(action, userid) {
$('#content').css("opacity","0.7");
$('#window').fadeIn('fast');
$('#window').css("opacity","1.0");}
这里#window是在#content.Hence内部，当它“淡入”时，它的不透明度也被设置为0.7，我试图通过cod
浏览 0提问于2012-04-07得票数 1
回答已采纳
2回答
My解决方案：我将display样式更改为visibility样式，因为该解决方案最适合我的网页。谷歌搜索“显示块覆盖动画”可以找到许多其他解决方案。公认的答案是给我的关键字，以便我可以使用谷歌。
原始帖子：
我制作了fadeIn和fadeOut函数，用CSS动画而不是JQuery动画来动画不透明。点击图片应该使弹出淡入和图像淡出超过300毫秒。点击身体的任何地方应该使弹出式淡出和图像褪色超过300毫秒。
目前fadeOut工作，但fadeIn似乎忽略了过渡时间，并立即出现。为什么不能工作？
JavaScript：
function fadeIn(elem) {
elem.css(
浏览 3提问于2017-05-31得票数 1
回答已采纳
1回答
我有一个小图片库与缩略图和放大图像的主窗口。当你点击缩略图时，它们会出现在窗口中，所以功能完全，但是我想添加一个平滑的淡入/淡出过渡，而不仅仅是突然交换，但是我不确定如何做到这一点。
这是codepen..。
我当前的jQuery代码...
$('.thumbnails .zoom').click(function(e){
e.preventDefault();
var photo_fullsize = $(this).find('img').attr('src');
$('.woocommerce-main-image
浏览 0提问于2013-08-25得票数 0
在理解如何使用jQuery为一些文本添加动画方面，我得到了一些帮助。其中一个用户建议我使用.fadeIn()函数。当我看着它时，它看起来满足了我的需求，但我有一个问题：
这是我现在所拥有的：
if (correct == "true") {
$('#ft2').html('Correct');
$('#ft2').css('color', 'Green')
$('#ft2').css('border-color', 'Green')
浏览 0提问于2011-06-12得票数 0
回答已采纳
我已经在之后创建了一个基本的jQuery滑块。我已经将滑块更改为灵活的宽度，并使图像淡入淡出而不是滑动。
我想知道如何在滑块中合并前一个和下一个按钮。
<!DOCTYPE html>
<html>
<head>
<title>Slider</title>
<script type="text/javascript" src="js/jquery.js"></script>
<style type="text/css">
.sl
浏览 0提问于2013-05-08得票数 1
回答已采纳
我根本不能让这些图像淡入，我也不知道我做错了什么。我已经用alert("hi")代替了$(this).fadeIn()，弹出窗口就会显示出来。我试着把代码放在最后，试着链接到一个本地的jQuery脚本，我试着在$(document).ready()中执行$("#eTR1").fadeIN()，但同样不起作用：
<!doctype HTML>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet"
浏览 0提问于2011-08-29得票数 3
回答已采纳
8回答
我在IE中遇到了这个奇怪的问题，我正在申请一个灯箱的CSS覆盖。基本上，我在jquery中使用fadein和fadeout --问题是除了IE之外，其他一切都很好。
在IE中-我没有fadein -相反，它只是直接转到不透明背景。
在淡出时-它会在小于1秒的时间内移除“不透明”，并在移除覆盖之前将页面呈现为“纯色”。
有人知道怎么修复这个bug吗？这真的很烦人-我使用了所有正确的滤镜，等等，它只是在IE中的淡入和淡出？
浏览 0提问于2009-08-16得票数 26
我有下面的代码来显示子菜单。我想让子菜单在鼠标悬停时淡入，但它并没有淡入--它只是立即显示子菜单：
jQuery("ul li").mouseover(function() {
jQuery(this).fadeIn(1000, function () {
jQuery(this).find('ul').css('right','0px').css('top','24px');
});
}).mouseout(function(){
jQuery(this).
浏览 1提问于2010-07-30得票数 0
回答已采纳
我正在使用jQuery的fadeIn/fadeOut方法，但对它到底在做什么感到困惑。文档指出，该方法会影响元素的不透明度属性，但display:none也可以隐藏元素，然后将其淡入。opacity:0和display:none是一回事吗？我正在使用这些方法看到一些非常起伏的动画，并想更好地了解正在发生的事情。
浏览 3提问于2011-12-22得票数 7
回答已采纳
1回答
HTML:
<td>
<div class="content" style=""><img src="FoodBlockPic.png" style="max-width: 100%;"></div>
</td>
<td>
<div class="content" style="">
浏览 0提问于2015-11-24得票数 0
1回答
我有一种情况，我需要延迟在页面上显示某个图像。该页面是美国的图像地图。当用户点击某个州时，地图上会打开一个由jQuery驱动的覆盖图，以显示该州的信息。
这里有问题的图像在覆盖图中，但它的位置被设置为固定的，这样它就不会滚动。它在覆盖图出现之前出现在覆盖图的顶部，这就是为什么我要稍微延迟一下。这部分工作得很好。下面是我的代码：
$(document).ready(function () {
setTimeout(function(){
$('.scrollInst').fadeIn(500);
}, 3000);
});
问题
浏览 0提问于2014-08-29得票数 0
3回答
使图像褪色
、、、
我有图像，我想是隐形的，然后在某些事件发生时褪色。我的jQuery工作正常，元素定位正确，我只是不能让元素淡入。
当我输入控制台$('#img1').fadeIn();时，什么都不会发生。
CSS
img {
position: absolute;
border-radius: 20px;
height: 195px;
width: 300px;
opacity: 0;
}
#img1 {
left: 270px;
}
#img2 {
right: 270px;
}
浏览 3提问于2014-12-28得票数 0
1回答
显示/隐藏淡出剪辑效果
、、、
在了解如何将淡出/在中添加到以下内容时，需要帮助：
$(function(){
$('#menu').stop(true, true).hover(function(){
$('.content').stop(true, true).delay(300).show(
"clip",
{direction: "vertical"},
200
浏览 1提问于2011-06-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
