Fade out the element at a normal speed using linear easing
Course:- JAVA Programming
Reference No.:- EM131599467

Assignment Help
Expertsmind Rated 4.9 / 5 based on 47215 reviews.
Review Site
Assignment Help >> JAVA Programming


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>
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

Ask Question & Get Answers from Experts
Browse some more (JAVA Programming) Materials
Write a program called InheritanceTest.java to support an inheritance hierarchy for class Point-Square-Cube. Use Point as the superclass of the hierarchy. Specify the instan
Create a program that does runtime performance analysis of ArrayLists, TreeSets and HashSets.Add 100,000 random random integers ( 0 - 1,000,000 )Attempt to remove 10,000 rando
Implement a graphical application that simulates a cash register. Provide a text field for the item price and two buttons for adding the item to the sale, one for taxable it
Problem Summary Suppose you wanted to modify your Health Assistance Calculator from Java programming assignment 3, to make it more versatile. Define a class with properties
Create a constructor that allows a user of the class to initialize values. Also create a method named SetJustSold()(Hint ++) that increments the number of hot dogs the stand
An office building has two floors (0 to 1), each of which has four offices (0 to 3). Each office occupied by one person. Declare an array to store the names of occupants for e
Write a program in which a ball is released from a user-defined height and free-falls to the ground. The ball is pulled by earth's gravity of 9.8 m/sec 2 . Assume that each
Write detailed pseudo code for a program that is designed to organize a family's tax payments for the past 20 years. The program should accomplish the following tasks: Prom