JSFiddle - React, Tailwind, and code Playground

by fiphiker

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                          "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
        <title>Example</title>
           <style>
A.rollover {
 background: url('http://www.telefoner.ru/preview/images132/124935.jpg'); /* Путь к файлу с исходным рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 100px; /* Ширина рисунка */
 height: 120px; /* Высота рисунка */
 border: 1px solid #000; /* Рамка вокруг картинки */
}
</style>
        <script type="text/javascript" charset="utf-8">
 
        var my_media = null;
         function playAudio(src) {
               my_media = new Media(src);
               my_media.play();
               
        }
                </script>
      </head>
      <body>
        <center>
<a href="#" id="p1" class="rollover" 
onclick="javascript: this.style.backgroundImage='url(http://www.ggmania.eu/Emo/emoty_duze/Linux/094_ILove_Linux_ggMania_Eu.png)';playAudio('1.mp3');" ></a>
</center>
 
      </body>
    </html>