CSS部分

.help-tip{
width: 340px;
border:1px solid #A0A0A0;
background-color: #F8F8F8;
border-radius: 5px;
display: none;
position: absolute;
z-index:;
left:;
} .help-tip p{
margin: 5px 7px;
font-size: 13px;
color: black;
line-height: 1.2;
}

JS部分

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

HTML部分

<div class="width:100px;height:50px;">
  <input onfocus="show()" onblur="hide()"/>
  <div class="help-tip">
    <p>This is a<br>Tip </p>
  </div>
</div>
05-23 02:22