<div>
<div class="content wysiwyg-content">
Hello All,<br />
Please see this link first<br />
<a href="http://www.travelopod.com/" rel="ugc">http://www.travelopod.com/</a><br />
<br />
After Opening this page Just move your mouse anywhere on Page. This did nothing...<br />
But after this when you are moving out the mouse from Page on browser i.e. Just try to move mouse out of the Page area and move it to the menu or somewhere else on browser.. It shows a Splash screen with a custom message.<br />
I want that functionality in my page.<br />
How to do it ?<br />
Is there any function to check mouse out of the Page area ?<br />
I am attaching the Home page as well as Splash screen also to see it works.<br />
<a href="https://filedb.experts-exchange.com/incoming/2014/06_w24/855267/HomePage.png" target="_blank" title="Home Page when opens  (375 KB)"><img alt="Home Page when opens " class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2014/06_w24/800_855267/HomePage.png" /></a>Below is what I want <br />
<a href="https://filedb.experts-exchange.com/incoming/2014/06_w24/855268/MouseOutof-Browser.png" target="_blank" title="This screen shows when we move mouse out of the Browser Page area... (226 KB)"><img alt="This screen shows when we move mouse out of the Browser Page area..." class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2014/06_w24/800_855268/MouseOutof-Browser.png" /></a>
</div>
</div>


This screen shows when we move mouse out of the Browser Page area...

MouseOutof-Browser.png

HomePage.png

Hello All,
Please see this link first
http://www.travelopod.com/

After Opening this page Just move your mouse anywhere on Page. This did nothing...
But after this when you are moving out the mouse from Page on browser i.e. Just try to move mouse out of the Page area and move it to the menu or somewhere else on browser.. It shows a Splash screen with a custom message.
I want that functionality in my page.
How to do it ?
Is there any function to check mouse out of the Page area ?
I am attaching the Home page as well as Splash screen also to see it works.

Below is what I want 


Splash Screen Over the HTML Body After Mouse Move out of the Page !!!

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.