文档章节

网页通告栏与在线客服

bosslovezz
 bosslovezz
发布于 2014/06/19 13:13
字数 415
阅读 12
收藏 0
点赞 0
评论 0

var stop = false;
$(document).ready(function() {
 window.setTimeout(doAjaxBegin, 2000);
 $('#wwwxkercom').hover(
 function() {stop = true;$("#wwwxkercom").css("cursor","pointer")},
  function() {stop = false;$("#wwwxkercom").css("cursor","default")}
 );
 doAjaxOnline();
})

function createInfo(noticeMessageList,noticeInfoList){
 var arrayObj = new Array();
 var arrayObjInfo = new Array();
 arrayObj = noticeMessageList;
 for(var i = 0;i < arrayObj.length;i++){
  var divData = $('<div>' + arrayObj[i] + '</div>').attr({id:i,title:noticeInfoList[i]});
  $("#wwwxkercom").append(divData);
 }
 
 // 无数据时,间隔固定时间重新取值
 if (noticeMessageList.length < 1) {
  window.setTimeout(doAjaxBegin, 2000);
 } else {
  window.setTimeout(scrollstart, 2000);
 }
}

function scrollstart(){
  var o = document.getElementById('wwwxkercom');

  if(!o.firstChild) {
     // 滚动到最后一条,间隔固定时间重新取数据
    window.setTimeout(doAjaxBegin, 2000);
  } else {
    // 间隔固定时间向上滚动
    window.setTimeout(function(){scrollup(o,20,0)}, 2000);
  }
}

 

function scrollup(o,d,c){

 if (stop == true) {
  window.setTimeout(function(){scrollup(o,d,c)}, 2000);
 } else if(d==c){
  o.removeChild(o.firstChild);
  window.setTimeout(scrollstart, 2000);
 }
 else{
  ch=false;var s=3,c=c+s,l=(c>=d?c-d:0); 
  o.firstChild.style.marginTop=-c+l+'px';
  window.setTimeout(function(){scrollup(o,d,c-l)},50);
 }
}

function doAjaxBegin(){
 var ctx = $("#ctx").val();
                $.ajax({
          type:"POST",
          url: ctx + "/noticeManage/manageNotice.action",
          data:{},
          dataType:"json",
          success: function(json){
            createInfo(json.noticeMessageList,json.noticeInfoList);
          },
            error: function(json){
                return false;
            }
        });
}
function doAjaxOnline(){
 var ctx = $("#ctx").val();
                $.ajax({
          type:"POST",
          url: ctx + "/noticeManage/onlineGet.action",
          data:{},
          dataType:"json",
          success: function(json){
            onLineGet(json.customStr,json.customNameStr,json.sellStr,json.sellNameStr);
          },
            error: function(json){
                return false;
            }
        });
}

function onLineGet(customStr,customNameStr,sellStr,sellNameStr){
 var customStrL = new Array();
 var customNameStrL = new Array();
 var sellStrL = new Array();
 var sellNameStrL = new Array();
 customStrL = customStr;
 customNameStrL = customNameStr;
 sellStrL = sellStr;
 sellNameStrL = sellNameStr;
 for(var i = 0;i < customStrL.length;i++){
  var subCustomStr = '<li class="icon-link" ><a href="http://wpa.qq.com/msgrd?v=3&uin=' + customStrL[i] + '&site=qq&menu=yes" target="blank">' + customNameStrL[i] + '</a></li>'
  $("#ulInfo").append(subCustomStr);
  
 }
 for(var i = 0;i < sellStrL.length;i++){
  var subSellStr = '<li class="icon-link" ><a href="http://wpa.qq.com/msgrd?v=3&uin=' + sellStrL[i] + '&site=qq&menu=yes" target="blank">' + sellNameStrL[i] + '</a></li>'
  $("#ulInfo").append(subSellStr);
 }
  var lastOne='<li class="icon-home"><a href="#" onclick="toIndex();">网站首页</a></li>';
        var lastTwo='<li class="icon-close"><a id="exitbtn" href="#">退出</a></li>'
        $("#ulInfo").append(lastOne);
        $("#ulInfo").append(lastTwo);  
}

© 著作权归作者所有

共有 人打赏支持
bosslovezz
粉丝 6
博文 29
码字总数 9527
作品 0
杭州
程序员
如何在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码

来源:http://blog.csdn.net/ysghyy/article/details/6862144 1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将12345...

技术小牛人
2017/11/13
0
0
开源在线客服功能介绍

1.1 在线客服功能 1.1.1 在线客服 在线客服系统是一种网页版即时通讯软件的统称。相比较其他即时通讯软件(如QQ、MSN等),它实现和网站的无缝结合,为网站提供和访客对话的平台;网站访客无...

优客服多渠道客服系统
2017/05/05
381
0
有谁知道JAVA版本的网页在线聊天的系统

有没有好的网页在线聊天的开源推荐 目的是一个简单的在线客服对话, 类似京东商城那样的与客服网页在线聊天哪种

大猪
2010/06/30
6.9K
12
名称:53KF网站客服系统 v3.0.1官方版

名称:53KF网站客服系统 v3.0.1官方版版本:3.0.1软件大小:107 KB软件语言:简体中文软件授权:免费版应用平台:Win7/Win2003/Vista/Win2000/WinXP 53KF网站客服系统用于企业内部人员之间、...

相心的泪
2016/08/03
23
0
PPMessage 开源 Android 和 iOS 开发 SDK

开源在线客服系统 PPMessage 开源 iOS 和 Android 应用内消息开发 SDK。 PPMessage 是一个完整的开源在线客服系统,包含网页端集成和移动端集成。 近日 PPMessage 开源了其移动端集成消息功能...

dingguijin
2016/06/06
3.5K
15
8 款值得一试的全新 jQuery 插件

今天本文向大家推荐8款最新的jQuery插件,希望你能够喜欢。 1、jQuery带缩略图竖向伸展焦点图 这是一款jQuery的竖向伸展焦点图,该jQuery焦点图有两个特点,第一切换的按钮有缩略图,第二图片...

yykj
2013/10/24
828
3
如何选择在线客服系统

随着互联网的迅猛发展及互联网服务的逐步完善,加上电子商务被大众广泛接受,涌现了一批非常优秀的针对电子商务的服务软件-在线客服系统,如Echo,老马在线客服等。如何选择可用的并且适合自...

laomaecho
2011/04/06
777
0
TextBox灵异事件之背后神秘的深度灵异事件真相揭秘

最近又忙于秋色园和微博粉丝精灵的开发,本来N天前应该出来的文,迟来了好几天,今天抽空写了写,把事件的真相给大伙说清楚: 上篇:半解TextBox灵异事件背后神秘的深度灵异事件,一文中,一...

晨曦之光
2012/03/09
0
0
一个站长的遭遇(转贴)

以下文章为转贴。他遇到的事情我都遇到过,就连他去的那个人民广场旁的通信管理局备案办公室我也去过,真是心有戚戚焉。 ============================   我的"投石问路"博客(http://www....

阮一峰
2007/07/21
0
0
灵云智能客服标准版 推动中国智能客服产业发展

自捷通华声2015年推出灵云智能客服标准版产品以来,捷通华声与各领域、各行业系统集成商精诚合作,开启了推广智能化客户服务的产业化进程。一年以来,捷通华声与合作伙伴的合作不仅为双方带来...

玄学酱
05/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

七、JSP九大内置对象和四个作用域

九大内置对象: request:类型是HttpServletRequest,和Servlet里的HttpServletRequest一模一样。 response:类型是HttpServletResponse,和Servlet里的HttpServletResponse一模一样。JSP里基...

Wakeeee_
8分钟前
0
0
Confluence 6 配置快捷链接

快捷链接提供了提供了一个在 Confluence 中访问从常用资源的快速方法。当你创建一个快捷链接的时候,你需要为你的快捷链接 URL 指派一个 Key,用户可以在 Confluence 中只输入这个 Key 用来替...

honeymose
9分钟前
0
0
我的第一篇博文

网络界的前辈们好。本人从接触网络到你现在也有4、5年的时间了,期间不断的通过网络学习,当然也没少看大牛们给的建议。 2011年的9月份,如愿以偿的上了“大学”,刚上大学就接触到了一门叫做...

yeahlife
34分钟前
0
0
第十四章NFS服务搭建与配置

14.1 NFS介绍 NFS介绍 NFS是Network File System的缩写;这个文件系统是基于网路层面,通过网络层面实现数据同步 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netap...

Linux学习笔记
40分钟前
0
0
双向认证-nginx

1、设置容器 docker run -it --name nginx-test2 -v /home/nginx:/apps -v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf:ro -p 8183:80 -p 7443:443 -d nginx:stable 2、修改nginx配......

hotsmile
41分钟前
0
0
深入了解 Java 自动内存管理机制及性能优化

一图带你看完本文 一、运行时数据区域 首先来看看Java虚拟机所管理的内存包括哪些区域,就像我们要了解一个房子,我们得先知道这个房子大体构造。根据《Java虚拟机规范(Java SE 7 版)》的规...

Java大蜗牛
43分钟前
4
0
SpringBoot | 第六章:常用注解介绍及简单使用

前言 之前几个章节,大部分都是算介绍springboot的一些外围配置,比如日志 配置等。这章节开始,开始总结一些关于springboot的综合开发的知识点。由于SpringBoot本身是基于Spring和SpringMvc...

oKong
43分钟前
9
0
云数据库架构演进与实践

如今,大型企业如金融企业和银行等,在下一代的微服务架构转型要求下,需要基础软件和数据平台能够实现原生的云化,以满足微服务架构的需求。 微服务,也就是一种面向服务的,有特定边界的松...

巨杉数据库
45分钟前
0
0
Linux系统梳理---系统搭建(一):jdk卸载与安装

1.去官网下载符合Linux版本的jdk,暂用jdk-8u171-linux-x64.rpm 2.登陆Linux,进入usr目录,创建java目录(方便管理,可以其他位置):mkdir java 3.上传下载的jdk包至Linux服务器,使用rz指令(sz f...

勤奋的蚂蚁
55分钟前
0
0
Linux Kernel 4.16 系列停止维护,用户应升级至 4.17

知名 Linux 内核维护人员兼开发人员 Greg Kroah-Hartman 近日在发布 4.16.18 版本的同时,宣布这是 4.16 系列的最后一个维护版本,强烈建议用户立即升级至 4.17 系列。 Linux 4.16 于 2018 年...

六库科技
57分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部