1. 程式人生 > >js在當前位置彈出彈框

js在當前位置彈出彈框

首先先設定一個div,

<div id="box-data" style="width: 120px; height: 50px; background-color: rgba(0,0,0,0.43);position: absolute;display:none;z-index:9999;border-radius:10px;text-align: center;">
</div>

其次,js程式碼:

  $('body').on('mouseover','.voltage-img',function(){
    var p = $(this).offset();  #獲取當前位置
    $("#box-data"
).show().css({ #控制彈框位置為當前位置 left:p.left-15, top:p.top+30 }).html("<p>電壓值</p><p>"+ value +"</p>"); });