Splash

Henning Johnsen

by Henning Johnsen

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div style="background: transparent; border: none" id='splash'>
    <div style="background: transparent">
        <img src="http://www.doobox.co.uk/rapidimages/splashicon.png">
    </div>
    <div style="background: transparent">
    </div>
</div>

CSS

html{
    background: #aaa url(http://static2.grsites.com/archive/textures/brick/brick074.jpg);
}

JavaScript

$("#splash").jqxWindow({
    width: '260px',
    height: '260px',
    resizable: false,
    showCloseButton: false,
    showAnimationDuration: 1000,
    closeAnimationDuration: 1000,
    isModal: false,
    autoOpen: false
});
setTimeout(function(){ $('#splash').jqxWindow('open'); }, 500);
setTimeout(function(){ $('#splash').jqxWindow('close'); }, 3000);