真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

簡單實用jQueryposhytip

jQuery Poshytip是一塊提示性的插件,可以用來提示用戶操作,提高用戶體驗

成都做網(wǎng)站、成都網(wǎng)站制作服務(wù)團隊是一支充滿著熱情的團隊,執(zhí)著、敏銳、追求更好,是創(chuàng)新互聯(lián)的標準與要求,同時竭誠為客戶提供服務(wù)是我們的理念。成都創(chuàng)新互聯(lián)把每個網(wǎng)站當做一個產(chǎn)品來開發(fā),精雕細琢,追求一名工匠心中的細致,我們更用心!

  1. 首先去poshytip官網(wǎng)下載插件 http://vadikom.com/demos/poshytip/

  2. 必須引入的是jQuery的js文件和poshytip的js文件和css文件

  3. 
    
    
  4. 
    $(document).ready(function(){
    	$("#tip1").poshytip({
    		alignX: 'left', 
    		content:''
    	});
    	$("#username").poshytip({
    		className: 'tip-yellow',
    		content:'提示內(nèi)容',
    		showOn: 'focus', 
    		alignTo: 'target', 
    		alignX: 'right', 
    		alignY: 'center', 
    		offsetX: 10,
    		showTimeout:1
    	});
    });
    
  5. 移去看看
    

  6. 這樣子的話基本就可以完成啦,下面提供參數(shù)和方法表


  7. 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ā)啟用提示工具條

分享名稱:簡單實用jQueryposhytip
網(wǎng)址分享:http://weahome.cn/article/godpcc.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部