1) The documents must have a paragraph of text that describes your home, Choose at least three different phases (three to six words each) of this paragraph, and make them change font, font style, color, and font size when the mouse cursor is placed over them. Each of the different phrases must change to a different font , font style, color, and font size. 2) The documents must display an image and three buttons. The  buttons should be labeled simply 1, 2, and 3. When pressed, each button should change of the image to that of a different image. 3) the documents must contain four short paragraphs of text, stacked on top of each other, with only enough of each showing so that the mouse cursor can always be placed over some part of them. When the cursor is placed over exposed part of any paragraph it should rise to the top to become completely visible. Purchase the answer to view it

In order to fulfill the requirements of this assignment, we need to modify a webpage to incorporate various interactive elements. Specifically, we need to include a paragraph of text that describes our home, with certain phrases changing their font, font style, color, and font size when the mouse cursor is hovered over them. Additionally, we need to display an image and three buttons that, when pressed, change the image to a different one. Finally, we need to stack four short paragraphs of text on top of each other, with the exposed parts of each paragraph rising to the top and becoming completely visible when the mouse cursor is placed over them.

To achieve the first requirement, we can begin by designing a webpage with the desired paragraph of text that describes our home. The paragraph should consist of at least three different phrases that will change their appearance when the mouse cursor is positioned over them. To implement this effect, we will apply JavaScript and CSS to the webpage. By using CSS, we can control the font, font style, color, and font size of the text. Furthermore, JavaScript will allow us to detect when the mouse cursor is hovering over a particular phrase and trigger the necessary changes to the text’s appearance. Each phrase should have its own unique combination of font, font style, color, and font size.

Moving on to the second requirement, we will include an image and three buttons in our webpage. The image displayed should initially be the default image, and each button should have a label corresponding to the numbers 1, 2, and 3. When a button is pressed, JavaScript will be used to change the image displayed to a different one. The image selection can be accomplished by storing multiple image sources and updating the image source attribute based on the button that was pressed.

Lastly, for the third requirement, we need to stack four short paragraphs of text on top of each other, with only the exposed part of each paragraph visible initially. This can be achieved by using CSS to set the height and overflow properties of each paragraph. By setting the height to a specific value and the overflow to “hidden”, only the desired amount of text will be initially visible. When the mouse cursor is placed over an exposed section of any paragraph, JavaScript will be used to bring that paragraph to the top of the stack, making it fully visible.

In conclusion, to meet the requirements of this assignment, we will create a webpage that includes a paragraph of text describing our home, with specific phrases changing their font, font style, color, and font size when the mouse cursor is positioned over them. Additionally, the webpage will display an image and three buttons that, when pressed, change the image to a different one. Lastly, four short paragraphs of text will be stacked on top of each other, with only the exposed sections of each paragraph visible initially, and the full visibility of each paragraph achieved when the mouse cursor is placed over them. This will be accomplished through the use of JavaScript and CSS.