j-SplashScreen

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En splash-skärm för en enda sida applikationer. kroppen måste hängas in i <script type="text/html">HTML</script>-taggen. komponenten förstörs automatiskt.

Konfigurera:

timeout en timout i millisekunder för att förstöra splash-skärmen (default: 3000)
autoremove:true {Boolean} tar bort komponenten automatiskt.
remember {String} t.ex. 1 day eller 1 week - det visar inte en splash-skärm (default: empty = inaktiverad)

Metoder:

component.show([body]) kommer att visa splashskärm med en ny eller gammal kropp (autoremove måste vara false)

Använd den med <ui-component name="splashscreen">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

example.html

<style>
	html,body { height: 100%; overflow: hidden; padding: 0; margin: 0; }
	body { background-color: #F0F0F0; }
</style>

<ui-component name="splashscreen" class="ui-splashscreen">
	<script type="text/html">
		<div><img src="https://www.totaljs.com/download/B20200120T000000011.png" alt="Total.js Framework" border="0" /></div>
		<br />
		<p>Total.js framework is a server-side framework for Node.js<br /><b>Better than sex</b></p>
	</script>
</ui-component>

<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>