Search This Blog

Disclosure

Everything Tech Review is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to products on Amazon.com. Amazon and the Amazon logo are trademarks of Amazon.com, Inc, or its affiliates.

Tuesday, August 26, 2014

Cool HTML Trick - make text bigger on mouse move... no JS required

Website html code



copy what is below starting from the first <HTML> to </HTML> .paste this in notepad and save as yournamehere.html and the encoding should be utf-8 if it isn't change it to that and then save it. find it as a document and open it in an internet browser. scroll over the text and be amazed


<HTML>
 <HEAD>
 <TITLE>  change fonts   </TITLE>
 </HEAD>
 <BODY>
 <CENTER>
 <H1>  Testing  </H1>
 <SPAN ONMOUSEOVER="this.style.fontSize='48'"
 ONMOUSEOUT="this.style.fontSize='12'"
 STYLE="fontSize:36">   This text gets bigger when the mouse is over it.   </SPAN>
 </CENTER>
 </BODY>
 </HTML>


 
   change fonts  
 
 
 

 

 Testing  


  ONMOUSEOUT="this.style.fontSize='12'"
 STYLE="fontSize:36">   This text gets bigger when the mouse is over it.  

 

 
 

No comments:

Post a Comment

Thank you for posting a comment, it will be reviewed and then posted shortly.