Tag: fadein

Jquery淡入淡出,将一些元素淡出

我需要淡出并淡出 中的一些子元素,就像Toni Almeida的回答一样: 淡入淡出图像 Some text1… Some text2… Some text3… ……. 我该如何编辑该答案中的代码?

使用fadeIn无法正确显示jQuery文本

我搜索了这个问题,但找不到对我有用的解决方案。 我正在尝试做四个复选框,从中只能选择三个。 当选择第四个复选框时,会有一条淡入淡出的消息,通知用户有关限制的信息。 这是文本中淡出的部分: $(‘#warning’).fadeIn(‘slow’,function() { $(this).stop().text(“(You can’t have more than 3 selected options)”); setTimeout(function() { $(“#warning”).fadeOut(300); }, 2500); }); 我不能延迟,所以我使用了setTimeout。 我无法理解为什么第一次单击第四个复选框时,该消息会立即显示uo。 我究竟做错了什么? 还有一种方法可以延迟而不是setTimer吗? 以下是整个代码的链接: http : //jsfiddle.net/e5kns/

图像之间褪色

如何使用jQuery淡化两个图像之间的旋转? 比如说。 我喜欢这些图像在每个之间淡入/淡出2秒。 谢谢! 非常感激。 🙂

如何使用jquery逐个显示和隐藏每个div

我想创建一个flash新闻标题。 但我不知道问题出在哪里! 🙁 (因为我是网页设计初学者:D) 所以… 我想创建一个标题的一部分,显示(淡入)一个标题和隐藏(fadeOut)延迟… 之后显示下一个标题……(在一个没有停止的循环中)! PLZ帮助我学习如何创建……:这些是我写的代码: This is news title 1 This is news title 2 This is news title 3 This is news title 4 This is news title 5 This is news title 6 This is news title 7 $(document).ready(function() { $(‘.news’).each(function(index) { $(this).fadeIn(‘slow’).delay(700).fadeOut(‘slow’); }); });

使用fadeIn()循环显示背景图像

我正在制作一个带有一些视差图像的响应式网站,第一个图像是一个循环图像,就像一个图像滑块。 我正在使用jquery Cool小猫的响应能力。 我加载的相关jquery插件是: div的css是: #slide2 { background-image:url(../images/darkmap.png); height:700px; } 我发现在这种布局中使用HTML图像作为背景可能会有问题,这就是我通过使用数组避免这种情况的原因: var imageIndex = 0; var imagesArray = [ “images/photo1.png”, “images/photo2.png”, “images/photo3.png” ]; 我有一个包含在$(document).ready()函数中的代码,它将css背景更改为数组,然后循环遍历数组,我添加了fadeIn()以实现平滑过渡: function changeImage(){ var index = imageIndex++ % imagesArray.length; $(“#slide2”).css(“background”,”url(‘”+ imagesArray[index] +”‘)”); } setInterval(changeImage, 5000); changeImage.fadeIn(); 图像循环工作正常,但由于某种原因fadeIn()不起作用,它只是从一个图像闪烁到另一个图像。 有人可以告诉我我错过了什么吗?

Jquery fadeIn / fadeOut动画问题

我正在使用Jquery FadeIn / FaeOut来显示和隐藏我页面上的内容。 像这样: $(‘.subnav_company’).click(function(){ $(‘.aboutcontent’).fadeOut(‘slow’); $(‘.company’).fadeIn(‘slow’); }); 我的问题是因为div’.company’位于’.aboutcontent’下方,当显示’.company’时它出现在’.aboutcontent’下面,直到div完全隐藏,创建了一个不平滑的过渡效果。 如何在显示和隐藏div之间进行过渡? 没有跳跃。 这是HTML: Developers The developers are the best we have some great developers Company offers a complete management tool . It’s an easy to use and efficient way to manage and plan stuff. It allows people to communicate and get along.

jQuery fadeOut一个div,fadeIn另一个在它的位置

我正在尝试一个简单的jQuery脚本来淡出一个div并在其中放弃另一个div,但由于某种原因,第一个div永远不会淡出。 这可能是代码的一个明显问题,但我似乎无法解决它。 #cuerpo { display: none; } function delayed() { $(“div”).fadeIn(3000, function () { $(“cuerpo”).fadeIn(“slow”); }); } $(“a”).click(function () { $(“inicio”).fadeOut(“slow”); setTimeout(“delayed()”,500); }); 我该怎么办? 我究竟做错了什么?

jQuery回调没有等待fadeOut

在我看来,以下代码应该产生这些结果: mademoiselle demoiselle mesdemoiselles 相反,随着“ma”淡出,“mes”在制作序列时消失: mademoiselle madesdemoiselles mesdemoiselles 代码: mamesdemoiselles $(document).ready(function() { $(“.remove”).fadeOut(4000,function(){ $(“.add”).fadeIn(5000); }); }); 编辑:我发现一个空的跨度,如果我删除使该bug消失: mamesdemoiselles 问题是:生成这个的PHP代码使用跨度作为占位符。 如果必须的话,我会对它们进行调整,但我很好奇为什么会发生这种情况。

在淡入/淡出期间,Jquery,禁用/忽略hover事件?

我正在试图弄清楚这是否可行。我有一个基于hover在某些部分上的淡入/淡出的图像映射..问题是当用户在淡入淡出期间徘徊到不同的区域时它完成它正在做的淡入淡出然后对鼠标被移动到的区域做了一个..如果用户在几个不同的区域之间快速移动,那么淡入淡出显得非常跳跃和笨拙,所以我希望能够禁用hover事件(在另一次淡入淡出的过程中,它会忽略它。 我曾考虑使用某种延迟,但我不知道这是否可行,因为我认为它会延迟衰退……任何建议都表示赞赏。

jQuery fadeIn fadeOut点击

当我点击另一个div并且点击另一个div(这将是关闭按钮)时,我正试图制作一个div fadeIn,但是我的代码不起作用,我忘记了什么吗? 这是CSS: body{ margin: 0; padding: 0; text-align: center; background-color:#f0f2df; } #container{ border: solid 1px #f0f2df; background-color:#f0f2df; text-align: left; margin: auto; width: 939px; height: 570px; top:41px; position:relative; } #contact_form{ display: none; background-image:url(../images/bg.png); width: 703px; height: 379px; position:absolute; left:236px; bottom:34px; } .contact_close{ display:none; background-image:url(../images/close.png); width:17px; height:17px; position:absolute; right:5px; top:135px; } HTML: test 和JavaScript $(document).ready(function(){ $(“button_contact”).click(function() […]