How to Change the Text That Appears When You Move Your Mouse Over
Your text is displayed on the internet. Now you want to give it some functionality. In effect, you want to change the color of your text when a visitor to your web site moves his or her mouse pointer over the text displayed on your web page. This article will instruct you on how to accomplish changing the text color when you mouse-over the text on your web page. In this article you will utilize the elements of Hyper Text Markup Language (HTML) to change the color of your text. You will learn how to open and view the source code of a web page or web document, as well as learn where to identify where code is placed to effect changes in the text on the web page.
Other People Are Reading
Instructions
-
-
1
Open the web page that you wish to have the text color change when you mouse-over the text.
-
2
Click on the File menu of the web page, or right click your mouse. From either method, select “View page source.” If your page source opens in MS Notepad, then you’re ready to start making some changes to the source code. If the page source opens in a web browser, then simply right click on the web file/ Internet Explorer file or Firefox, etc., and select “Open file with…”, then choose Notepad.
-
-
3
Locate the <head> tag. Type the following code into the space between the opening and closing head tags: <style type="text/css"><!--A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none }--></style>
-
4
Click on File, then click Save.
-
5
To change to a different color, simply go back to step 3, click inside the code, and then change the “COLOR: blue;” to any color of your choice.
-
6
Create a mouse-over text description by adding the “Title” event to your links code. Here is the text you would need to type in to your links: <A HREF="http://www.yourdomain.com/" TITLE="a description of this text">TEXT on your web page</A>
-
1
