Uncle Jims Web Designs: Highlight Color Paragraph

Uncle Jim's Javascript Designs

Highlight paragragh on mouseOver

Script example - This is actually done using a style sheet. The properties for the paragraph are set to highlight to a certain color on mouseOver. You can also set the entire paragraph as a hyperlink, as I have done here. Click to go to Uncle Jim’s JavaScript Examples for more scripts like this one.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>

<style><!--
body, p, li, ul, ol, td { font-family: Georgia, 'Times New Roman', Times, serif ; font-size: 11pt; color: black; text-align: left; margin-top: 0px}
.firstpara {FONT-SIZE: 12pt; }
.AD       { font-style: italic; font-variant: normal; font-weight: normal; font-size: 12px; 
               font-family: Georgia, "Times New Roman", Times, serif; 
               text-align: justify; border-top: medium solid black; 
               border-bottom: thin solid black; margin-left: 10px; margin-right: 10px; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px;}
.AD a:link, .AD a:visited { font-style: italic; font-variant: normal; font-weight: normal; font-size: 15px; TEXT-DECORATION: none; font-family: Georgia, "Times New Roman", Times, serif; color: #333333; text-align: center; margin-left: 10px; margin-right: 10px; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; }
.AD a:hover {  color: Black; text-decoration: none; background-color: #ced001}
.AD a:active { 	COLOR: #ff0000 }
SPAN.AD { COLOR: blue; font-weight: bold; border: none }

--></style>

COPY - Insert Inside Body: <BODY></BODY>

Close This Window