jQuery.onServ - 簡單方便的在線客服展示插件

jopen 13年前發布 | 18K 次閱讀 jQuery jQuery頁面高級組件 jQuery插件 
   jQuery.onServ 是一款簡單方便的在線客服jQuery 插件,可以使任意html實現彈出展示在線客服效果,
  可以自定義內容,簡單配置出多個彈出動作特效,設置位置和樣式.

使用 

  $("#serv").onserv({
     top:70,            // 高度
     left:-156,          //縮進
     fx:"easeInOutBack",       //動作特效  
     speed:150,         //彈出時間
     opacity:0.9        //透明度
     });
可以使用任意html區塊比如demo頁面中的 serv div(內含圖片psd

下載

本地下載 : http://www.uauc.net/product/jquery.onserv 1.0.zip
google項目 : https://code.google.com/p/onserv/downloads/list
)

彈出效果

動畫效果采用 jQuery.easing 插件 可以自定義各種效果 
方法介紹：

    def：默認方式設置
    swing：默認方式加載
    Quad：二次方緩動(t)
    Cubic：三次方緩動
    Quart：四次方緩動
    Quint：五次方緩動
    Sine：正弦曲線緩動
    Expo：指數曲線緩動
    Circ：圓形曲線的緩動
    Elastic：指數衰減的正弦曲線緩動
    Back：超過范圍的三次方緩動
    Bounce：指數衰減的反彈緩動

關于In、Out、Inout的說明：

    easeIn：加速度緩動；
    easeOut：減速度緩動；
    easeInOut：先加速度至50%，再減速度完成動畫。
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！