javascript中简单提示框

Posted 2020-09-02 太潮了就要晒

.help-tip{
    width: 350px;
    border:1px solid #A0A0A0;
    background-color: #F8F8F8;
    border-radius: 5px;
    display: none;
    position: absolute;
    z-index:5555;
    left: 0;
}

.help-tip p{
    padding: 5px 5px 0 8px;
    font-size: 13px;
    color: black;
}

function show(){
    $(".help-tip").css("left", $("#ttt").width());
    $(".help-tip").css("display","block");
}
function hide(){
    $(".help-tip").css("display","none");
}

<div class="row form-group" id="ttt">
　　<input onfocus="show()" onblur="hide()"/>
　　<div class="help-tip">
　　　　<p>This is a<br>Tip </p>
　　</div>
</div>