Description: Set one or more CSS properties for the set of matched elements. As with the .prop() method, the .css() method makes setting properties of elements quick and easy. This method can take either a property name and value as separate parameters, or a single object of key-value pairs. When a number is passed as the value, jQuery will convert it to a string and add px to the end of that string. If the property requires units other than px, convert the value to a string and add the appropriate units before calling the method. When using .css() as a setter, jQuery modifies the element's style property. As of jQuery 1.8, the .css() setter will automatically take care of prefixing the property name. As of jQuery 1.6, .css() accepts relative values similar to .animate(). As of jQuery 1.4, .css() allows us to pass a function as the property value: This example sets the widths of the matched elements to incrementally larger values. Change the color of any paragraph to red on mouseover event.
Related: practice animate tricks
20 Creative Resume Designs Which Will Amaze Any Potential Employer |...A great showcase design post of some truly creative and inspiration CV designs which im sure would blow away any potential employer. The post focus on creative designs which make use of creative layout and designs which focus on colour. We would love for you to share within the comments your favourite designs from the post 1.My Resume 2.Creative Resume I Designed for Class 3.Creative resume – Francis 4.Creative resume – Michael Anderson 5.Creative resume – Chuckdlay 6.Creative resume – Sean Mcnolly 7.Creative resume – Jolie Odell 8.Creative resume – Suyjoy 9.Creative resume – Mari Rybak 10.Creative resume – Gregg Dizzia 11.Creative resume – Tudor Deleanu 12.Creative resume – Pau Morgan 13.Creative resume – 3-D resume 14.Creative resume – Sofiane 15.Creative resume -Katie Rennar 16.Creative resume -Martin 17.Creative resume -Adam 18.Creative resume -Anna Yeina 19.Creative resume -Doni 20.Creative resume -Doni
It’s a Rainbow! – Color Changing Text and Backgrounds w/ jQueryHere’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able to adjust colors after the page has loaded, and not just once either – we’re aiming for continuous adjustments. The lovely part about this whole thing is the small about of jQuery required to make it all happen. What You Will Learn How to generate a random RGB color value.The process of animating/looping color changes via the jQuery Color Animations Plugin.Some possible uses for continuous color swapping with backgrounds, texts, and images. Generating Random Color Values This is an important first step as it provides an endless supply of color values to transition to/from with a single line of jQuery. var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'; Transitioning Between Colors Completed jQuery Possible Uses
Understanding timers: setTimeout and setIntervalBrowser provides a built-in scheduler which allows to setup function calls for execution after given period of time. setTimeout The syntax is:var timerId = setTimeout(func|code, delay) func|code Function variable or the string of code to execute. delay The delay in microseconds, 1000 microseconds = 1 second. The execution will occur after the given delay. For example, the code below calls alert('hi') after one second: If the first argument is a string, the interpreter creates an anonymous function at place from it. So, this call works the same. Using a string version is not recommended, it causes problems with minificators. Use anonymous functions instead: Cancelling the execution The returned timerId can be used to cancel the action. The syntax is: clearTimeout(timerId). In the example below the timeout is set and then cleared, so nothing happens. setInterval The setInterval(func|code, delay) method has same features as setTimeout. Open solution First, the HTML/CSS structure. Repeating with known delay