jquery tip提示

文案提示 气泡 提示

https://sdeno.com/wp-content/uploads/2020/09/jquery.tip.js

css:

.tip-wrap {
    position: absolute;
    display: none;
}

.tip-arr-a, .tip-arr-b {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border-style: dashed;
    border-color: transparent;
}
.tip-wrap{
    font-size: 0.6rem;
    line-height: 1rem;
}

<div class="why why3" data-tip-msg="1、每天至少完成一星挑战才算完成当日挑战；<br>2、每天挑战成功最高星级，即为当日的星级；<br>3、连续6天完成当日挑战，可额外获得3颗星；" >
</div>

$('.why3').tips({
 dire:11
});