# 文字提示 ## 4.1.文字提示 鼠標滑過彈出tips，使用示例： ~~~ <button lay-tips="大家好！">按鈕</button> <button lay-tips="大家好！" lay-direction="2" lay-bg="#009788">按鈕</button> <button lay-tips="大家好！" lay-offset="10px" lay-bgImg="linear-gradient(to right,#8510FF,#D025C2,#FF8B2D,#F64E2C)">按鈕</button> <button lay-tips="大家好！" lay-offset="-10px,-10px" lay-padding="5px">按鈕</button> ~~~ * lay-direction： 設置位置，1上面(默認)、2右邊、3下面、4左邊 * lay-bg： 設置背景顏色(包含箭頭顏色,下面的背景圖片不包含箭頭) * lay-offset： 設置偏移距離，(上，左) * lay-padding：內間距 * lay-color：文字顏色 * lay-bgImg：背景圖片，例如lay-bgImg="url(assets/images/head.jpg)" * lay-fontSize：字體大小 除了elem和text其他都是可選參數，還可以使用`admin.tips()`直接調用： ~~~ admin.tips({ elem: '#btn', text: 'Hello', direction: 3, bg: '#803ed9', offset: '-10px,-10px', padding: '15px', color: '#eee', bgImg: 'linear-gradient(to right,#8510FF,#D025C2,#FF8B2D,#F64E2C)', fontSize: '18px', tipsMore: true, time: -1 }); ~~~