码迷,mamicode.com
首页 > 其他好文 > 详细

客服菜单上下滚动效果实现

时间:2018-06-11 11:54:22      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:[]   learn   html   sel   http   saas   window   company   gid   

这是html结构

 

<!-- 客服 -->
<div class="service" id="service">
  <img src="./images/service.png">
  <a onclick="onlineService(‘https://kf1.learnsaas.com/chat/chatClient/chatbox.jsp?companyID=967348&amp;configID=71722&amp;jid=6457238263&amp;s=1‘);" style="width: 130px; height: 110px;">
    <img src="./images/onLine_btn.png" id="service_btn">
  </a>
  <img src="./images/remove_btn.png" id="remove_service">
  <p>shaioo86</p>
</div>
 
 
这是js的代码
// 客服浮动
var left_top = 170, right_top = 170, float_list = [], float_side = 5;
$(window).load(function() {
  // 廳主自改 - 浮動圖V2 -2013.7.19
  float_list[‘1‘] = $(‘#service‘);
  for (var i in float_list) {
    if (float_list[i].attr == undefined) {
    continue;
  }
  var self = float_list[i],
  picfloat = (self.attr(‘picfloat‘) == ‘right‘) ? 1 : 0;
  self.show().Float({‘floatRight‘ : picfloat, ‘topSide‘ : ((picfloat == 1) ? right_top : left_top), side: float_side});
  }
});

客服菜单上下滚动效果实现

标签:[]   learn   html   sel   http   saas   window   company   gid   

原文地址:https://www.cnblogs.com/chensv/p/9166237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!