HTML: CSS: jQuery:
For this project, you will be doing a simple loading animation, just like the one below(notice the top of the gif): (It might not be clear, because the background of the post) You will be using three languages: HTML CSS jQuery You have exactly two days! Source code will be posted on WordPress.
animate() So this means that the animate effect has parameters, speed, and callback. In the params we define what we want to do, in the speed we either increase it or decrease it or we can just leave it the same, while in the callback as we discussed before, as soon as the animation is … Continue reading jQuery: Effects (Part 3)
Objectives slideDown() slideUp() slideToggle() slideDown() The slideDown() effect, slides or brings the element down, as following: So we selected the divOne div and we made it slide down fast, you can also add a callback if you wanted it. slideUp() Pretty much the same as slideDown() : slideToggle() If the element is hidden then it … Continue reading jQuery: Effects (Part 2)
Objectives Hide and Show Effects Fading Effect Callback Function Hide and Show The Hide and Show effect is very easy and am sure we already used Hide a couple times in the previous posts. The syntax of Hide and Show is the same and very easy, it's the following: Now let's use it in an … Continue reading jQuery: Effects (Part 1)
Definition Events are basically actions, for example: when a button is clicked, or double click, or when the user hovers on a specific element, etc... These are events. The most common jQuery events are: $document.ready() The basic jQuery method to execute functions click() When something is clicked dbclick() When something is double clicked mouseenter() When … Continue reading jQuery: Events
We will start with the element selector: In here we selected all the "p" elements and hid them, there are other built-in functions that we will be discussing in the future posts. The second basic selector, is the "#id" selector, which is the following: So this selects the element with the id of "headerOne" and … Continue reading jQuery: Using The Basic Selectors
jQuery uses CSS Selectors, these are CSS Selectors are the following: * - All Elements element - All elements with that element name #id … Continue reading jQuery: Basic Selectors