DEMO 1: the first one, proof of concept $(function() { var pGress = setInterval(function() { var pVal = $(‘#progressbar’).progressbar(‘option’, ‘value’); var pCnt = !isNaN(pVal) ? (pVal + 1) : 1; if (pCnt > 100) { clearInterval(pGress); } else { $(‘#progressbar’).progressbar({value: pCnt}); } },10); }); DEMO 2:: adaptation of @Peter’s response below for the good sake … Read more
Positioning the background via separate background-position-x/y is a feature that Internet Explorer introduced but never made it into a W3C specification. Any recommendations to add it to the spec have since been denied. See: http://snook.ca/archives/html_and_css/background-position-x-y You can always create your own little plugin, it’s not that hard. Using jQuery 1.8 we now have access to … Read more
The Matplotlib documentation for the line2d artist explains how set_data works. It “ACCEPTS: 2D array (rows are x, y) or two 1D arrays.” It also works with lists. You’ve given it a four element list instead. You need to set the x and y data of each line separately. I’ve included an example with fake … Read more
jQuery UI will queue the effects by default. Use dequeue() to run simultaneously: var opt = {duration: 7000}; $(‘#lbl’).effect(‘highlight’, opt).dequeue().effect(‘bounce’, opt); Demo in JsFiddle
jQuery cannot make synchronous animations. Remember that JavaScript runs on the browser’s UI thread. If you make a synchronous animation, the browser will freeze until the animation finishes. Why do you need to do this? You should probably use jQuery’s callback parameter and continue your method code in the callback, like this: function doSomething() { … Read more
Basically, you want to add a “hideme” class to every element you want hidden (then you set that class to “opacity:0”; Then, using jQuery you set a $(window).scroll() event to check the location of the bottom of every “hideme” element against the bottom edge of your visible window. Here’s the meat of it … /* … Read more
You are only scrolling the height of your element. offset() returns the coordinates of an element relative to the document, and top param will give you the element’s distance in pixels along the y-axis: $(“html, body”).animate({ scrollTop: $(‘#title1’).offset().top }, 1000); And you can also add a delay to it: $(“html, body”).delay(2000).animate({scrollTop: $(‘#title1’).offset().top }, 2000);
Direct answer Using Edwin Martin’s jQuery plugin for shadow animation, which extends the .animate method, you can simply use the normal syntax with “boxShadow” and every facet of that – color, the x- and y-offset, the blur-radius and spread-radius – gets animated. It includes multiple shadow support. $(element).animate({ boxShadow: “0px 0px 5px 3px hsla(100, 70%, … Read more
You could use when like: $.when($(‘.myElems’).animate({width: 200}, 200)).then(function () { console.log(‘foo’); }); http://jsfiddle.net/tyqZq/ Alternate version: $(‘.myElems’).animate({width: 200}, 200).promise().done(function () { console.log(‘foo’); });
To do this, you can set a callback function for the animate command which will execute after the scroll animation has finished. For example: var body = $(“html, body”); body.stop().animate({scrollTop:0}, 500, ‘swing’, function() { alert(“Finished animating”); }); Where that alert code is, you can execute more javascript to add in further animation. Also, the ‘swing’ … Read more