Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

online javascript editor, testing javascript online, online ide, online code editor, html, css, coffeescript, scss online editor

HTML
<div id='popup'>We tell you what the weatherman won't, and give you real-time and forecast details that reflect the true feel outside. Provides alerts for heat index, wind chill, UV, and more, based on advanced meteorological science.</div>
1
<div id='user'>I am a user. Move your mouse over me</div>
2
<div id='popup'>We tell you what the weatherman won't, and give you real-time and forecast details that reflect the true feel outside. Provides alerts for heat index, wind chill, UV, and more, based on advanced meteorological science.</div>
3
 
4
 
5
<div>I a piece of useless information. No use hovering over me.</div>
6
 
 
 
    JavaScript
        $('#popup').show();
    1
    $('#user').hover(function() {
    2
        $('#popup').show();
    3
    }, function() {
    4
        $('#popup').hide();
    5
    });
     
     
    CSS
    #popup {
    1
    #popup {
    2
        height: 50px;
    3
        width: 200px;
    4
        text-align: center;
    5
        vertical-align:middle;
    6
        background-color: cornflowerblue;
    7
        color: white;
    8
        display: none;
    9
        padding-top: 8px;
    10
        
    11
     
    12
        position: absolute;
    13
    }
     
     
    Result