+1-415-670-9189
info@expertsmind.com
Fade out the element at a normal speed using linear easing
Course:- JAVA Programming
Reference No.:- EM131599467




Assignment Help
Assignment Help >> JAVA Programming

Jquery

Add the following html code to the page before the <hr> and <footer>:
<div id="newsletter">
<p><a href="#" id="signuplink"><span id="openclose">+</span> Sign up for our newsletter</a></p>
<form name="newsSignup" method="post" action="thanks.html" id="newsSignup">
<p><label>Name: <input type="text" name="uname"></label></p>
<p><label>Email address: <input type="email" name="email"></label></p>
<p><input type="submit" value="Sign Up"> </p>
</form>
</div>
Hide the newSignup form when the page loads.
Add a click event to the signuplink anchor tag to do the following:
Use the slideToggle function to show or hide the newsSignup form.
If the openclose span contains a +, change the + to a -.
Otherwise, change the - to a +.
Be sure to cancel the link default action.
Add a hover action to the slogan element to do the following:
On mouseover:
Fade out the element at a normal speed using linear easing
Once the text is faded out (hint, use a callback function), change the text to 'Hand Picked Just for You' and then fade it in slowly using the swing easing.
On mouseout:
Fade out the element at fast speed using swing
Once it is faded out, change the text back to 'The Power of Flowers' and fade in slowly using linear easing.
Add the following element to the bottom of the html page below the footer:

<img id="rose" src="rose.jpg" alt="Rose">
(image file attached above)
Add the following to the css file to position the rose as an absolute element inside the container div with opacity 0:

#rose {
position: absolute;
right: -100px;
top: 20px;
opacity: 0;
}
#container {
position: relative;
}

Add animation in the document.ready function to move the rose element to a position of right: 100px and opacity: 1. When the page loads the rose should move into position from the right side and fade in slowly using the swing easing function.
Add a submit event to the form to do the following:
Display an alert message: "Thank you for registering"
Hide the newsSignup form
Fade the signuplink anchor tag to 30% opacity
Stop the default action to submit the form




Put your comment
 
Minimize


Ask Question & Get Answers from Experts
Browse some more (JAVA Programming) Materials
Write a complete Java program in a source file to be named Assignment1.java, that solves the problem for the farmers who are trying to decide ahead of time how many complete
Edit a chat server java program: the files is a perfect running a chat server java program. I need to make the layout a little bit different then it is now. i also want to a
Define an ADT for character strings. Your ADT should consist of typical functions that can be performed on strings, with each function defined in terms of its input and outp
Write a function named getTelNums that accepts an argument of type person and returns a string of telephone numbers for that person. getTelNums(p) => "212.555.1234 646.555.4
Determine the total amount of your capital gain or loss using (a)FIFO (first in, first out) accounting and (b) LIFO (last in, first out) accounting (that is assuming that yo
Write a program that reads from keyboard a sequence of positive integers that is ended with a negative integer. The positive integers are inserted into a sort list of intege
project will be to implement a shopping cart class with user interface (UI) that contains main() in Net Beans. The UI class will be used to perform user input/output and to in
Design a program in pseudocode that solves this problem. You are required to generate only the pseudocode - No charting or analysis section is required, but you may have to