API tools faq
paste
Advertisement
tegusta

Cambio colore e dimensioni

tegusta
Dec 2nd, 2012
316
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 1.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.   <head>
  4.     <title>Cambio colore j</title>
  5.     <style>
  6.       table{width:300px ; height:300px ; border:2px solid;}
  7.       p{font-size:67px}
  8.     </style>
  9.     <script>
  10.       function cambioColore(evento){
  11.         var oggMouse
  12.         if(window.navigator.userAgent.indexOf("MSIE")>-1)
  13.           oggMouse=window.event.srcElement//internet explorer
  14.         else
  15.           oggMouse=evento.target//mozilla firefox
  16.         document.getElementById("psy").style.color=oggMouse.style.backgroundColor
  17.       }//CambioColore
  18.       function cambioPixel(evento){
  19.         var oggMouse
  20.         if(window.navigator.userAgent.indexOf("MSIE")>-1)
  21.           oggMouse=window.event.srcElement//internet explorer
  22.         else
  23.           oggMouse=evento.target//mozilla firefox
  24.         document.getElementById("psy").style.fontSize=oggMouse.style.fontSize
  25.       }//cambioPixel
  26.     </script>
  27.     <body>
  28.       <div style="float:left ; width:360px">
  29.       <table onmouseover="cambioColore(event)">
  30.         <tr>
  31.           <td style="background:firebrick"></td>
  32.           <td style="background:lightblue"></td>
  33.           <td style="background:orange"></td>
  34.           <td style="background:lightgreen"></td>
  35.           <td style="background:yellow"></td>
  36.           <td style="background:lightgray"></td>
  37.         </tr>
  38.       </table>
  39.       </div>
  40.       <div style="float:left">
  41.         <p id="psy">GANGNAM STYLE</p>
  42.       </div>
  43.       <div style="clear:both"></div>
  44.       <span style="float:left">
  45.       <table onmouseover="cambioPixel(event)">
  46.         <tr>
  47.           <td style="font-size:10px">10px</td>
  48.           <td style="font-size:20px">20px</td>
  49.           <td style="font-size:30px">30px</td>
  50.           <td style="font-size:40px">40px</td>
  51.           <td style="font-size:50px">50px</td>
  52.           <td style="font-size:60px">60px</td>
  53.           <td style="font-size:70px">70px</td>
  54.           <td style="font-size:80px">80px</td>
  55.           <td style="font-size:90px">90px</td>
  56.           <td style="font-size:100px">100px</td>
  57.         </tr>
  58.       </table>
  59.       </span>  
  60.     </body>
  61. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!