草庐IT

jquery - 如何等待淡出效果然后删除元素?

我有一个单击删除按钮时将被删除,但在执行.remove()之前或empty()我想等一些fadeOut()效果。$(this).closest('tr').fadeOut();setTimeout("$(this).closest('tr').remove()",1000);不起作用,它只会淡出。 最佳答案 你需要一个callback在fadeOut()之后$(this).closest('tr').fadeOut(400,function(){$(this).remove();});它会在fadeOut()操作完成后立即触发回调,

javascript - 可以淡出 div 边框吗?

我知道你可以淡出使用jQuery,但我想知道是否可以淡出的边框?所以我有我的:我只想知道如何让边框在5秒后淡出。更新任何仍想这样做的人都可以使用CSS3过渡来做到这一点。请务必检查它是否在您支持的浏览器功能范围内:http://caniuse.com/#search=transition例子div{border:4pxsolidred;-webkit-transition:border-color.25sease;-moz-transition:border-color.25sease;-ms-transition:border-color.25sease;-o-transition:

javascript - 在 jQuery 中显示警报几秒钟然后淡出

当AJAX调用完成时,我想向用户显示一条消息,该消息显示3秒-然后淡出。另外,我希望这条消息在他按下按钮之前显示-#btnSubmit。这是我的代码(它不起作用-淡出按钮而不是消息):if(response=='success'){$('#btnSubmit').before('Success!').delay(3000).fadeOut();}关于如何在jQuery中淡出这个动态生成的元素有什么想法吗? 最佳答案 使用insertBefore()代替before()$(function(){$('Success').insertB

javascript - 单击或延迟后的 jQuery 淡出

我在网站上显示一个消息框。我希望能够让它在点击时或X秒后淡出。问题是delay()函数取代了click()函数,因此即使您单击关闭,您仍然需要等待时间。这是jQuery$(document).ready(function(){$(".close-green").click(function(){$("#message-green").fadeOut("slow");});//fadeoutin5secondsifnotclosed$("#message-green").delay(5000).fadeOut("slow");})我还设置了一个简单的jsfiddle。要查看问题,请注释掉

javascript - 寻找一个简单的淡入淡出javascript图像旋转器

我需要一个简单的图像旋转器,它可以通过淡入淡出、垂直居中来旋转图像,并且被大多数(如果不是所有)浏览器接受。然而,我需要能够自定义箭头图像并将它们放在我喜欢的任何地方。有人知道吗?如果我尝试直观地向您展示我需要的东西,它会是这样的。我使用jquery:)我已经试过很多旋转器,但它们不接受不同尺寸的图像或不可自定义。 最佳答案 如果您只需要图像旋转,为什么不自己做呢?它只有几行jQuery并且可以无限定制。:)例子:http://jsfiddle.net/jtbowden/UNZR5/1/

javascript - CSS 从左到右淡入淡出

有没有办法只使用CSS使元素(至少只是文本)从左到右淡入淡出,反之亦然?这是我的意思的一个例子:实际上,如果它需要jQuery,我也会接受它,只是作为第二优先级。 最佳答案 是的,您可以使用CSS3动画(checkbrowsersupporthere)。这是一个简单的demofortext-fading.HTML:.text{position:relative;line-height:2em;overflow:hidden;}.fadingEffect{position:absolute;top:0;bottom:0;right:0

javascript - Jquery 不透明度淡入淡出循环

我的一位客户要求我在div上制作闪烁效果。我认为这对他来说可能不是最好的事情,也许不透明度的淡入淡出会引起他的顾客的注意,而不会惹恼他们。我现在有SpecialOffers›我有另一个div的以下代码,它会导致浏览器加载时淡入:$('.logo-top').delay(700).animate({'opacity':'1','top':'+=40px'},{duration:700,easing:'swing'});我如何为special_button做类似的事情,而不是循环不透明度?从80到100?如果它循环一定次数就更好了,比如5次。最好的,斯捷潘

javascript - Jquery - 使整个页面变暗并淡出一个 div 元素

我正在尝试执行以下操作:-单击链接会触发一个功能,该功能将显示一个DIV(#page-cover)使我的整个背景变暗。这个div的z-index为999-然后我想要另一个div(#red)以更高的z-index出现在变暗的背景/淡入淡出/显示上我的CSS:#page-cover{display:none;position:fixed;width:100%;height:100%;background-color:#000;z-index:999;top:0;left:0;}#red{background-color:red;width:100px;height:100px;}HTML/

javascript - 单击时使用 jquery 简单淡入淡出 div

此处的代码有效,您可以在此处阅读答案-我对其进行了编辑以供将来引用。HTML:ShowbankdivandhidefancydivbackBankDivFancyDivCSS:#bank{display:none;}#btn-bk{display:none;}Javascript:$('#btn').click(function(e){$('#fancy,#btn').fadeOut('slow',function(){$('#bank,#btn-bk').fadeIn('slow');});});$('#btn-bk').click(function(e){$('#bank,#btn

javascript - AngularJS ng-show动画在ng-repeat中交叉淡入淡出

简单(但不适合我!)angularjs显示/隐藏动画问题。我到处搜索,但没有找到解决这个特定问题的方法,也许最好用一个例子和一个“挑战”来解释这个问题。先举个例子:http://jsfiddle.net/adammontanaro/QErPe/1/挑战:任何人都可以让这些图像淡入和淡出重叠,而不是出现在当前显示的图像下方或上方,然后在上图的div被隐藏后弹出到位?HTML:CSS:.animate-show,.animate-hide{-webkit-transition:alllinear1s;-moz-transition:alllinear1s;-ms-transition:al