文档章节

网页通告栏与在线客服

bosslovezz
 bosslovezz
发布于 2014/06/19 13:13
字数 415
阅读 14
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

RxJS的另外四种实现方式(四)——性能最高的库(续)

接上一篇RxJS的另外四种实现方式(三)——性能最高的库 上一篇文章我展示了这个最高性能库的实现方法。下面我介绍一下这个性能提升的秘密。 首先,为了弄清楚Most库究竟为何如此快,我必须借...

一个灰
50分钟前
1
0
麒麟AI首席科学家现世

8月31日,华为发布了新一代顶级人工智能手机芯片麒麟980,成为全球首款7nm工艺手机芯片,AI方面也实现飞跃,支持人脸识别、物体识别、物体检测、图像分割、智能翻译等。 虽然如今人人都在热议...

问题终结者
昨天
1
0
告警系统主脚本、告警系统配置文件、告警系统监控项目

告警系统主脚本 main.sh内容 #!/bin/bash#Written by aming.# 是否发送邮件的开关export send=1# 过滤ip地址export addr=`/sbin/ifconfig |grep -A1 "ens33: "|awk '/inet/ {pr...

芬野de博客
昨天
2
0
MySQL autocommit探究

-- sessionA:tx_isolation=REPEATABLE-READmysql> select connection_id();+-----------------+| connection_id() |+-----------------+| 28 |+-----------------+......

安小乐
昨天
8
0
c++多线程锁 Mutex  自动判断死锁

c++多线程锁可以使用absl::Mutex std::mutex这两种,下面是demo代码。 使用absl:Mutex的时候打印: [mutex.cc : 1338] RAW: Cycle: [mutex.cc : 1352] RAW: mutex@0x683b68 stack: @ 0x43856......

青黑
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部