Tag: fadeout

jQuery fadeIn（）具有多个div的不同间隔: 我有一个有六个div的主页。它们是不同形状的盒子，我希望它们在页面加载时以随机间隔淡入。 javascript代码如下： $(document).ready(function(){ $(“#topleft”).fadeIn(2000).animate({opacity: 1.0}); }); 当然，我需要将所有六个div作为目标，而不仅仅是一个，我希望它们在页面加载后大约3秒内随机淡入。我怎么会这样呢？顺便说一下，我正在使用jQuery，因为我是新手，我可能会使用一些我不知道的东西。

jQuery：当点击1时淡出2个元素: 我有一个PHP / PostgreSQL / Oracle脚本，它将链接显示为“标签”，可以单击它来显示与“标签”匹配的数据库记录。然后我在每个“标签”附近都有一个“X”，这样用户就可以隐藏不感兴趣的“标签”：我想在两个元素（“标签”和“X”）上添加淡出效果 – 当单击“X”时。所以我想： a.hide { color:#3E6D8E; background-color: #E0EAF1; border-bottom: 1px solid #3E6D8E; border-right: 1px solid #7F9FB6; padding: 3px 4px 3px 4px; margin: 2px 2px 2px 0; text-decoration: none; font-size: 90%; line-height: 2.4; white-space: nowrap; } a.hide:hover { background-color: #e7540c; color: #E0EAF1; border-bottom: 1px solid #A33B08; border-right: 1px solid […]

jquery在hover时淡出淡出多个元素: 我正在开发一个投资组合页面，并希望当用户将鼠标hover在项目上时，使用jquery在图像上淡入一些信息。我对后端jquery的东西很新，所以刚开始弄脏我的手。我已经设法让淡入淡出和单独的div元素工作，但我需要它为每一个独立工作。我认为这需要一些更动态的代码，但我不知道从哪里开始。如果你看下面我有一个适用于一个项目的代码。将鼠标hover在第一张图像上时会出现div。这是我需要的结构，因为真正的投资组合具有这种基本结构。我只需要代码就可以让其他两个代码工作。现场将有多个hover。 Robs Test body{background:gray;} div{position:relative;} #box{ position:relative; width:150px; height:150px; float:left; display:block; background:black; margin-right:20px; } #boxover{ position:absolute; top:10px; left:0px; width:100%; height:20px; z-index:100; background:white; display:none; } $(function(){ $(‘#box’).hover(over, out); }); function over(event) { $(‘#boxover’).fadeIn(2000); $(‘#boxover’).css(“display”,”normal”); } function out(event) { $(‘#boxover’).fadeOut(2000); } hello there rob 如果有人能告诉我如何使每个人独立工作那将是伟大的。我猜一个像灯箱一样的rel属性？我很高兴为每个图像分别设置一个id / rel。 […]

onClick事件问题后fadeOut div: 这是我第一次在这里发帖，并且在我找到该网站后的几周内已经阅读了很多有用的东西！所以，我的问题是：我的网站上有以下代码，我想做的是…… 单击元素（.btn-leavecomment）时通过slideDown显示隐藏的div（#commenttype）。这个隐藏的div包含两个单选按钮。点击/选择’第一个’单选按钮（.reveal_ccform）我想要显示另一个隐藏的div（我有这一切都在这里工作）然后我喜欢第一个隐藏的div（包含单选按钮（#commenttype））然后消失和fadeOut（一旦用户只选择了两个中的第一个单选按钮。第二个单选按钮重定向到另一个页面以防万一你想知道。）点击第一个单选按钮，任何人都可以帮助获得最后一点（fadeOut第一个隐藏的div）吗？谢谢我的代码： $(document).ready(function(){ // Click first element (.btn-leavecomment) // and reveal first hidden DIV (#commenttype) $(“.btn-leavecomment”).toggle(function(){ $(“#commenttype”).stop().animate({ down: “+=300” }, 3000) $(“#commenttype”).stop().slideDown(“slow”); }, function(){ $(“#commenttype”).stop().animate({ down: “-=300” }, 1400) $(“#commenttype”).stop().slideUp(“slow”); }); // on click of first radio (.reveal_ccform) // Reveal second hidden DIV (ccform_container) $(“.reveal_ccform”).toggle(function(){ $(“#ccform_container”).stop().animate({ down: […]

IE7 / 8＆png的fadeIn / fadeOut jquery问题: 嘿伙计们，我正在尝试制作放大镜背景，当使用hover在可以放大的图像上时。这是使用空白跨度并将其显示设置为无，直到它hover，并使其背景为半透明png，中间放大镜。这是使用fadeIn / fadeOut完成的，并且在IE之外的所有其他浏览器中都能很好地工作。在IE中，图像的背景闪烁为深灰色，然后在hover时淡入正确的图像并将其hover。这是我正在研究的例子，它连续三个较小的图像： http://www.brainbuzzmedia.com/themes/amplify/html/index.html 我已经读过，解决这个问题的方法是为褪色的元素添加背景颜色，但显然这不起作用，因为我需要使用半透明的png作为背景。任何人都知道我能用这个做什么？

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逐个显示和隐藏每个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’); }); });

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); }); 我该怎么办？我究竟做错了什么？