Moderna biblioteca emergente responsive-BOP

Vista prévia

Descripción

El marco BOP JS/CSS le ayuda a crear cuadros emergentes interactivos, de diseño de material/iOS/estilo moderno en las aplicaciones Web.

Funcionamiento

Inserte los archivos JavaScript y CSS de la BOP en la Página Web.

<link rel="stylesheet" href="bop.css">
 <script src="bop-js.js""></script>

Inserte el contenido en el cuadro emergente y agregue un identificador de tema de su elección al elemento de ajuste.

<div id="material-light">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="material-dark">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="material-light-anime">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="material-dark-anime">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="ios-light">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="ios-dark">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="modern-light">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="modern-dark">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

<div id="modern-light-anime">
Content goes here

 <div class="exit" onclick="Exit()">EXIT</div>
</div>

Cree botones de desencadenador para alternar las casillas emergentes.

<div class="button" onclick="materialLight()"> Open The Popup </div>

Más disparadores.

materialLight()
 materialDark()
 materialLightAnime()
iosLight()
iosDark()
modernLight()
modernDark()
modernLightAnime()
modernDarkAnime()

More Previews: