首页 > 编程语言 > 详细

javascript中简单提示框

时间:2017-03-03 21:15:15      阅读:176      评论:0      收藏:0      [点我收藏+]
.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>

 

javascript中简单提示框

原文:http://www.cnblogs.com/pangpanghuan/p/6498305.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!