JavaScript - Animated Fading In and Out of Popup Elements

Dieses JavaScript erzeugt eine Fading Animation für Popup Elemente.
Autor: HunBug / astral-consultancy.co.uk/

Demo:

JavaScript - Animated Fading In and Out of Popup Elements

in <body> einfügen :
<input type="button" value="Show Popup 1" onClick="fade('popup1',true);"/>
    <input type="button" value="Show Popup 2" onClick="fade('popup2',true);"/>

    <div id="popup1" class="popup">
      <div class="popuptitle">Fade Popup 1</div>
      <div class="popupbody">
        <p>Press close to fade out this Popup</p>  
        <input type="button" value="Close" onClick="fade('popup1',false);"/>
      </div>
    </div>

     <div id="popup2" class="popup">
      <div class="popuptitle">Fade Popup 2</div>
      <div class="popupbody">
        <p>Press close to fade out this Popup</p>  
        <input type="button" value="Close" onClick="fade('popup2',false);"/>
      </div>
    </div

CSS Datei fading-popup.css

JavaScript fading-popup.js

JavaScript Archiv Bookmark