jQuery Poshytip是一塊提示性的插件,可以用來提示用戶操作,提高用戶體驗
成都做網(wǎng)站、成都網(wǎng)站制作服務(wù)團隊是一支充滿著熱情的團隊,執(zhí)著、敏銳、追求更好,是創(chuàng)新互聯(lián)的標準與要求,同時竭誠為客戶提供服務(wù)是我們的理念。成都創(chuàng)新互聯(lián)把每個網(wǎng)站當做一個產(chǎn)品來開發(fā),精雕細琢,追求一名工匠心中的細致,我們更用心!
首先去poshytip官網(wǎng)下載插件 http://vadikom.com/demos/poshytip/
必須引入的是jQuery的js文件和poshytip的js文件和css文件
移去看看
這樣子的話基本就可以完成啦,下面提供參數(shù)和方法表
content | 提示工具條中的內(nèi)容,默認是從元素的title屬性中獲取。 |
className | 提示工具條的樣式 |
showTimeout | 提示工具條出現(xiàn)前的過渡時間 |
hideTimeout | 提示工具條消失的過渡時間 |
showOn | 提示工具條觸發(fā)方式,有'hover', 'focus', 'none'三種方式 |
alignX | 提示工具條出現(xiàn)在水平方向相對當前元素的位置,有'right', 'center', 'left', 'inner-left', 'inner-right' |
alignY | 提示工具條出現(xiàn)在垂直方向相對當前元素的位置,有'bottom', 'center', 'top', 'inner-bottom', 'inner-top' |
offsetX | 相對X方向位移,數(shù)字 |
offsetY | 相對Y方向位移,數(shù)字 |
hideTimeout | 工具條消失的過渡時間 |
hideTimeout | 工具條消失的過渡時間 |
hideTimeout | 工具條消失的過渡時間 |
offsetY | 相對Y方向位移,數(shù)字 |
allowTipHover | 允許鼠標滑向工具條上方 |
fade | 是否使用漸隱漸顯動畫,true/false |
slide | 是否使用滑動動畫,true/false |
方法:show | .poshytip('show'),手動觸發(fā)顯示提示工具條 |
方法:hide | .poshytip('hide'),手動觸發(fā)隱藏提示工具條 |
方法:disable | .poshytip('disable'),手動觸發(fā)禁用提示工具條 |
方法:enable | .poshytip('enable'),手動觸發(fā)啟用提示工具條 |