jquery-effects

问题 Just as the title states, is there a jQuery plugin effect that will allow me to hide divs in a way that loos like how Windows does it? So the div would move, shrink, and become transparent to a certain point on the screen. Here is an example: http://fstoke.me/jquery/window/ This is pretty much what I'm looking for except I don't think it's possible to JUST use the effect. 回答1: You can use jQuery's .animate() method. What you need for the effect is to change is: width of the window height of

问题 I have a form that is repeated several times within a div called "formscontainer" in PHP while, I want to make a form submit with their respective div disappears the effect hide ("slow") here the example code <script type="text/javascript"> $(function() { $("form").each(function() { $(this).validate( { submitHandler: function(formbeingsubmitted) { $.post('process.php', $(formbeingsubmitted).serialize(), function(data) { $('#results').html(data); $ (formbeingsubmitted).hide("slow"); }); } });

问题 How can I recreate jQuery's $.slideDown effect using the $.animate function? 回答1: Animate "height", "marginTop", "marginBottom", "paddingTop", and "paddingBottom" to "show" . For example: $(...).animate({ "height": "show", "marginTop": "show", "marginBottom": "show", "paddingTop": "show", "paddingBottom": "show" }); Source: jQuery source code. fxAttrs = [ // height animations [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ], // width animations [ "width", "marginLeft",

问题 How can I both move a div and resize it with animation effect at JQuery? i.e. div will be at the middle of screen and it will go to the left side and will have %50 of its height and %50 of its width after it completed its move.(It will have for example %75 of its size at the middle of its way) EDIT: I tried that: $(".block").animate({"left": "-=100px", "height": "-=30%", "width":"-=30%" }, 1000); However it disappears? EDIT2: This works: $(".block").animate({"left": "-=100px", "height": "30%"

问题 This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 7 years ago . I'd like to minimize a box, much like a popup popin in genie effect on a Mac, I found jQuery Transfer effect to be a close, but not quite enough, it only

问题 Has jQuery an animating -event (not :animated )? Something like step, but as extra method/event? Currently I trigger a custom event in each animations step-function: $('.foo').animate({property: 'value'}, { step: function(now, fx){ $(this).trigger('animating', [now, fx]) } }); $('.foo').on('animating', function(e, now, fx){ // do what you want }); I think there's somewhere in the wild assuredly a better solution. Any ideas/approaches? Update I've written a (of course not awesome) special

问题 I am looking for a way to properly animate/crossfade inline anchor elements with jQuery. There are several solutions out there for block elements, but nothing so far for inline-elements. My alternative text for each individual word comes from an attribute within the element: <a data-r="nerd">word</a>​ But if I try to fadeout, replace the text and fade in, like here: jQuery(document).ready(function($) { $('a').click(function(index) { $(this).fadeOut(500, function() { $(this).text($(this).attr(

问题 I am trying to create a simple message that slides in and "elegantly" slides the content below it down while it slides in. The problem that I'm having is that the content below the message isn't sliding elegantly, it's "jumping" to the full height of the message before the animation has even started. The same is true for when the message gets hidden - the message slides up, but the height stays the same until the animation has completed and then the content pops back into place. Super

问题 I want to add Loaded html from Ajax request to Div with effect (for example slide down). I am using this code but it doesn't have effect yet : obj.html(msg.d).show('slow'); Is it possible ? Update : this my full code: $.ajax({ type: "POST", url: options.webServiceName + "/" + options.renderUCMethod, data: options.ucMethodJsonParams, contentType: "application/json; charset=utf-8", dataType: "json", cache: true, success: function (msg) { var html = msg.d; obj.html(msg.d).show('slow'); // if

问题 I'm a big fan of the jquery cycle plugin yet it would be cool if it had some more complex transition effects similar to Nivo Slider or jqFancyTransistions. I understand the jist of how to create custom effects with jquery cycle, yet I'm having a hard time trying to figure out how to create the strip transition effects similar to nivo slider and jqfancytransitions or if its possible at all in jquery cycle. Any help on this would be greatly appreciated. Thanks! 回答1: I've whipped up a minimal