Question: JQUERY help with Animation Method I am right now stuck with some JQUERY problems relating animation in Jquery. I need to fix my code, could

JQUERY help with Animation Method

I am right now stuck with some JQUERY problems relating animation in Jquery. I need to fix my code, could anyone help me?

I need to use the animate () method to move the ad that is now showing static into view on the web-code I am including here. The animation needs to happen when the page loads and after a delay of 5 seconds. The animation needs to move the ad from -500px at the top to 100px from the top, over for 5 seconds. When the X is clicked on, the ad will fade out over a duration of 5 seconds

The code should be inside a $(document).ready() event..

I need to use the appropriate jQuery effect method to show and hide the login form by sliding it up and down which will occur for a duration of 1 second.

And validate that the user has entered a value for the username and password. If both fields have some data, the code writes Please stand by! If the fields are empty it shows Please enter both login and password! ( in the bottom of the box)

Can anyone help me to figure it out?

If you notice my ad is right now in the middle of the page without moving

Here is what I have right now

Displaying Ad

Login

Welcome to the Local jQuery User Group Website

Click the login button at the top of the page to login. To become a member please

Register

About this page layout:

The main container (parent) has 'relative' positioning so that the 'login' container can be absolutley positioned with respect

to that main container. Otherwise, it would default to being absolutley positioned with respect to the window.

In order for the login panel to be placed on top of the page we need to use absolute positioning, otherwise, it would move

the rest of the content down as done in the FAQ assignment. Technically, absolute positioning takes that

element out of the normal flow of the document, so that it is on top of the page. The 'ad' is also absolutely

positioned to the same main container.

This week's agenda:

There will be a live meeting this Tuesday evening from 7:00pm to 8:00pm PST using our WebEx Conferencing Software.

It will be recorded! Please note that the code samples will be available on our GitHub repository.

Copyright © Local jQuery User Group

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!