网页通告栏与在线客服
网页通告栏与在线客服
bosslovezz 发表于4年前
网页通告栏与在线客服
  • 发表于 4年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: 这个效果比较挫,因为通过Ajax来获取数据,并且不是实时的,设置时间段去获取数据

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

共有 人打赏支持
粉丝 5
博文 12
码字总数 9527
×
bosslovezz
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: