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

这是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});

  }

});

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

时间: 2024-11-12 13:34:27

客服菜单上下滚动效果实现的相关文章

固定菜单页面滚动效果

在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下.当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式. 此效果可以应用在一些内容比较长的单页设计,本文将介绍使用JjQuery和css来实现这一效果,demo中分别有菜单居左.居右及底部效果,点击demo看效果: HTML 本例html来自本站文章:ScrollTo:平滑滚动到页面指定位置中的DEMO,我们在页面中的#main内放置一个主菜单ul.nav,并

17款jQuery在线QQ客服代码分享

17款jQuery在线QQ客服代码分享给大家咯!!拿走,不谢,我叫雷锋~~ jQuery侧边栏点击展开收缩在线QQ客服代码 jQuery网页右侧固定层显示隐藏在线qq客服代码 jQuery点击按钮遮罩弹出在线QQ客服代码 jQuery带留言在线qq客服代码 绿色的jquery qq在线客服网页右侧固定层qq客服隐藏显示代码 蓝色的jquery固定div悬浮在线客服代码 jquery固定层网页侧边栏在线qq客服代码 jquery浮动在左侧的QQ客服代码 带有弹性可伸缩的在线客服代码 jquery右

用c#开发微信 (18) 多客服

微信官方的多客服接口原理是通过用户发送的信息,开发者服务器返回一条指定类型的响应信息,使用户的对话状态切换到官方的多客服状态(持续一段时间),这段时间内用户发送的所有信息都不会到达开发者的服务器,而是转到多客服的软件上.     1 开通多客服 先开通微信认证:再从"功能"->"添加功能插件"里选择"多客服"以开通多客服功能   2 添加客服工号 在"功能"->"多客服"里添加客服工号:    

ThinkPHP tp Codeigniter ci 微信开发 控制器代码 示例 实例 模拟http请求 获取acces_token 创建自定义菜单 点击事件 转多客服

0 public function index(){ //echo $this->getAccessToken(); //$this->selectMenu(); //$this->creatMenu(); //$this->deleteMenu(); /* //用于验证的代码 勿动!! $tmpArr = array('xcjr2015', $_GET["timestamp"], $_GET["nonce"]); sort($tmpArr,

用jQuery和css3实现的一个模仿淘宝ued博客左边的菜单切换动画效果

今天看到淘宝ued博客上左边的菜单导航动画效果不错,就用jQuery和css3做了一个简单的例子,主要是实现运用了jQuery 事件和css3 transition属性. 用一个元素来实现鼠标滑动到某个导航的背景效果,文字颜色也运用css3 transition 渐变的效果 当鼠标滑动其他导航的时候,加背景的元素的top值也会随着变化,定位到当前的导航上,同时文字字体颜色也会跟着改变: 主要实现的html代码如下: <div class="menuBox"> <div

WPF 实现微信公众号多客服(效果实现篇)

简介: 这是利用WPF作为前端技术,实现桌面版微信多客服系统.项目采用Prism作为前端框架,采用MVVM模式极好的对UI和逻辑代码分离,使用MefBootstrapper集成的MEF IOC容器,解耦各模块对象.合理利用 IEventAggregator 实现事件和交互.文章在介绍对应功能时候会给出相关实现的参考,读者可以参考改进,引入到自己的项目中. 程序运行界面及功能预览: 一.登陆: 功能:支持记住用户和用户设置,可选择记住用户密码. 实现相关: 自定义登陆窗口,引入Microsoft.

弹窗式客服

aspcms里提供了右侧悬浮伸缩式客服窗口,客户同时点名要求页面中间弹(ling)窗(hao)式(gan)客服. 在懒人图库当了个基本款的js代码,去读他的结构,发现里面同时有右侧和中间的形式,有些功能也用不上.还是回到cms所提供的样式上,看是否能做添加工作. 首先,考虑弹窗式客服的功能需要: 当且仅当首页刷新时出现: 有窗口关闭按钮以及下次再说”按钮,点击关闭窗口: “QQ交谈”按钮,点击链接唤醒QQ窗口: 弹窗跟随滚动条移动: 有公司logo以及欢迎标语: 找到右侧客服关键代码在inc\A

C#开发微信门户及应用(7)-微信多客服功能及开发集成

最近一直在弄微信的集成功能开发,发现微信给认证账户开通了一个多客服的功能,对于客户的咨询,可以切换至客服处理的方式,而且可以添加多个客服进行处理,这个在客户咨询比较多的时候,是一个不错的营销功能.微信多客服的功能,能够在很大程度上利用客服员工资源,及时迅速对客户咨询信息进行处理,为企业带来更多的机会和市场. 默认这个多客服的功能,需要在微信公众平台中的服务中心进行主动开通,默认是不开通的,为了体验这个功能,我这里把多客服功能进行开通. 1.多客服准备工作 微信的多客服功能,对于客服的响应操作,既

Force.com微信开发系列(六)客服接口

当用户主动发消息给微信公众账号的时候(包括发送信息.点击自定义菜单click事件.订阅事件.扫描二维码事件.支付成功事件.用户维权),微信将会把消息数据推送给开发者,开发者在一段时间内(目前为48小时)可以调用客服消息接口,通过POST一个JSON数据包来发送消息给普通用户,在48小时内不限制发送次数.此接口主要用于客服等有人工消息处理环节的功能,方便开发者提供更加优质的服务. 客服接口调用请求说明 客服接口调用的接口说明如下(http请求方式为POST),如果获取Access Token的方式