码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中简单提示框

时间:2017-03-03 21:15:14      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:pad   style   group   code   java   his   asc   rip   blog   

.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中简单提示框

标签:pad   style   group   code   java   his   asc   rip   blog   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!