none
aspx页的在线QQ客服 RRS feed

  • 问题

  • 从网上找了好多在线QQ客服浮动代码,在html也能用,在我的aspx里面就不行了
    我的aspx页面是使用了母板页的子页
    谁能给个例子
    2009年10月14日 3:23

答案

  • 一般就是id导致的。模板页和内容页在编译之后,也是跟一般的aspx一样,是合并成一个类的
    先检查直接放在单独的aspx是否可以使用
     
    【孟子E章】
    • 已标记为答案 NewJoin 2009年10月18日 6:26
    2009年10月14日 4:44
    版主

全部回复

  • 你好!

    可能是其它代码所致,你可以使用 iframe 指向QQ客服浮动代码所在的 html 应该问没有问题了。

    知识改变命运,奋斗成就人生!
    2009年10月14日 3:38
    版主
  • 您好,我的意思是,它还是能用,就是不再是那种浮动的了
    如果按照您说的,那个iframe是不是要做成浮动的?
    感谢
    2009年10月14日 3:51
  • 一般就是id导致的。模板页和内容页在编译之后,也是跟一般的aspx一样,是合并成一个类的
    先检查直接放在单独的aspx是否可以使用
     
    【孟子E章】
    • 已标记为答案 NewJoin 2009年10月18日 6:26
    2009年10月14日 4:44
    版主
  • 您好,我用一个页面,使用了母板页,其他元素没有,但是还是不行
    后来我就直接用一个空的aspx页来用,也还是不行,我约莫着是那个js控制div有问题

    2009年10月17日 0:44
  • 你好!

    你可以把你能用的 Html 发出来看看。

    知识改变命运,奋斗成就人生!
    2009年10月17日 1:17
    版主
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>
        <link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
        <script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='gbk'></script>
    </head>
    <body>
    <table style="width:983px; height:1000px;"><tr><td></td></tr></table>
    </body>
    </html>

    qq.css

    /* QQ客服 */
    
    .QQbox{ z-index:99; width: 170px; left: 3px; top: 145px; position: absolute;}
    .QQbox .Qlist{ left: 0; width: 170px;}
    .QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
    .QQbox .Qlist .t{ background:url(siderIM_title.gif); height:34px;}
    .QQbox .Qlist .b{ background:url(siderIM_bottom.gif); height:9px; overflow:hidden; }
    .QQbox .Qlist .con{ background: url(siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
    
    .QQbox .Qlist .con ul li{ padding: 5px 5px 0px 0px; list-style-type:none;}
    
    /*QQ END*/
    ServiceQQ.js
    document.write("<div class='QQbox' id='divQQbox' >");
    document.write("<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>");
    document.write("<div class='t'></div>");
    document.write("<div class='infobox'>我们营业的时间<br>9:00-18:00</div>");
    document.write("<div class='con'>");
    
    document.write("<ul>");
    
    document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin=1162040409&amp;Site=QQ咨询&amp;Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:294258795:4'  border='0' alt='QQ' /> QQ咨询</a></li>");
    
    document.write('<li><img src="OKQQ/images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact=ok5@live.cn">MSN咨询</a></li>');
    
    document.write('<li><a href="http://amos1.taobao.com/msg.ww?v=2&uid=ICQIC&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid=ICQIC&s=2" width="16" height="16" border="0" alt="淘宝旺旺" /> 在线旺旺</a></li>');
    
    document.write("<li class=odd><a href='http://bizapp.qq.com/webc.htm?new=0&sid=938000757&o=bizapp.qq.com&q=1' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:294258795:4'  border='0' alt='QQ' /> QQ咨询</a></li>");
    
    document.write("<li class=odd><a href='mailto:ok5@live.cn' target='_blank'><img src=' OKQQ/images/onlinedot_08.gif'  border='0' alt='mail' /> ok5@live.cn</a></li>");
    
    document.write("</ul>");
    
    document.write("</div>");
    
    document.write("<div class='b'></div>");
    
    document.write("</div>");
    
    document.write("<div id='divMenu' onmouseover='OnlineOver();'><img src='OKQQ/images/qq_1.gif' class='press' alt='在线咨询'></div>");
    
    document.write("</div>");
    
    
    
    //<![CDATA[
    
    var tips; var theTop = 145/*这是默认高度,越大越往下*/; var old = theTop;
    
    function initFloatTips() {
    
    tips = document.getElementById('divQQbox');
    
    moveTips();
    
    };
    
    function moveTips() {
    
    var tt=50;
    
    if (window.innerHeight) {
    
    pos = window.pageYOffset
    
    }
    
    else if (document.documentElement && document.documentElement.scrollTop) {
    
    pos = document.documentElement.scrollTop
    
    }
    
    else if (document.body) {
    
    pos = document.body.scrollTop;
    
    }
    
    pos=pos-tips.offsetTop+theTop;
    
    pos=tips.offsetTop+pos/10;
    
    
    
    if (pos < theTop) pos = theTop;
    
    if (pos != old) {
    
    tips.style.top = pos+"px";
    
    tt=10;
    
    //alert(tips.style.top);
    
    }
    
    
    
    old = pos;
    
    setTimeout(moveTips,tt);
    
    }
    
    //!]]>
    
    initFloatTips();
    
    
    
    
    
    
    
    function OnlineOver(){
    
    document.getElementById("divMenu").style.display = "none";
    
    document.getElementById("divOnline").style.display = "block";
    
    document.getElementById("divQQbox").style.width = "145px";
    
    }
    
    
    
    
    function OnlineOut(){
    
    document.getElementById("divMenu").style.display = "block";
    
    document.getElementById("divOnline").style.display = "none";
    
    
    
    }
    
    
    if(typeof(HTMLElement)!="undefined")    //给firefox定义contains()方法,ie下不起作用
    {   
          HTMLElement.prototype.contains=function(obj)   
          {   
              while(obj!=null&&typeof(obj.tagName)!="undefind"){ //通过循环对比来判断是不是obj的父元素
           if(obj==this) return true;   
           obj=obj.parentNode;
         }   
              return false;   
          };   
    }  
    
    
    function hideMsgBox(theEvent){ //theEvent用来传入事件,Firefox的方式
    
      if (theEvent){
    
      var browser=navigator.userAgent; //取得浏览器属性
    
      if (browser.indexOf("Firefox")>0){ //如果是Firefox
    
       if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) { //如果是子元素
    
       return; //结束函式
    
    } 
    
    } 
    
    if (browser.indexOf("MSIE")>0){ //如果是IE
    
    if (document.getElementById('divOnline').contains(event.toElement)) { //如果是子元素
    
    return; //结束函式
    
    }
    
    }
    
    }
    
    /*要执行的操作*/
    
    document.getElementById("divMenu").style.display = "block";
    
    document.getElementById("divOnline").style.display = "none";
    
    }
    
    
    
    
    
    
    
    
    
       
    2009年10月17日 1:43
  • 你好,我试了下是没有问题的。你看看是不是你的 js 是不是放在根目录的 ocqq 下面。
    知识改变命运,奋斗成就人生!
    2009年10月17日 4:48
    版主
  • 好的,我再试试

    2009年10月17日 8:22
  • 网上有很多QQ客服代码的,我在网上给你找了个QQoline的asp的js文件

    <!--
    document.writeln("<STYLE type=\"text/css\">");
    document.writeln("#siderIMchat_main {");
    document.writeln(" MARGIN:0; WIDTH: 110px;color:#333");
    document.writeln("}");
    document.writeln("#siderIMchat_main img{");
    document.writeln("border:0;/*background:url(http://www.hyhxtc.com/kf/images/top.gif) no-repeat center center*/");
    document.writeln("}");
    document.writeln("#siderIMchat_main a{");
    document.writeln("color:#036");
    document.writeln("}");
    document.writeln("#siderIMchat_main a:hover{");
    document.writeln("color:#f30");
    document.writeln("}");
    document.writeln("#siderIMchat_main .top {");
    document.writeln(" BACKGROUND: url(http://www.hyhxtc.com/kf/images/top.gif); HEIGHT: 76px");
    document.writeln("}");
    document.writeln("#siderIMchat_main .infobox {");
    document.writeln(" TEXT-ALIGN: center; PADDING-BOTTOM: 5px; LINE-HEIGHT: 14px; PADDING- PADDING-RIGHT: 5px; BACKGROUND: url

    (http://www.hyhxtc.com/kf/images/middle.gif) #bdc5cb no-repeat; COLOR: #000; FONT-WEIGHT: 700; PADDING-);
    document.writeln("}");
    document.writeln("#siderIMchat_main .bg {");
    document.writeln(" PADDING-BOTTOM: 0px; PADDING- PADDING-RIGHT: 0px; BACKGROUND: url(http://www.hyhxtc.com/kf/images/middle.gif); PADDING-);
    document.writeln("}");
    document.writeln("#siderIMchat_main UL {");
    document.writeln(" MARGIN:0;");
    document.writeln("}");
    document.writeln("#siderIMchat_main UL LI {");
    document.writeln("list-style:none;");
    document.writeln("text-align:center;");
    document.writeln("line-height:20px;");
    document.writeln("}");
    document.writeln(".qqkf{");
    document.writeln("background:#ccc;height:22px;line-height:22px");
    document.writeln("}");

    document.writeln("#siderIMchat_main .close {");
    document.writeln("width:100%;");
    document.writeln("text-align:center");
    document.writeln("}");
    document.writeln("#siderIMchat_main .bottom {");
    document.writeln(" BACKGROUND: url(http://www.hyhxtc.com/kf/images/bottom.gif); HEIGHT: 51px; );
    document.writeln("}");
    document.writeln("</STYLE>");
    document.writeln("");
    //-->



    document.writeln("<div id=\'QuickMenu\' style=\'right:3px;\'>");

    document.writeln("<div id=\'RightMenu'\ style=\'float:right;display:none;\'>");

    document.writeln("<div style=\'margin:0;padding:0px;border:0px;\'>");


    document.writeln("<DIV id=siderIMchat_main>");
    document.writeln("");
    document.writeln("<DIV class=top></DIV>");
    document.writeln("");

    document.writeln("<!-- 中间开始-->");
    document.writeln("<DIV class=\"bg \">");
    document.writeln("<UL>");
    document.writeln("</li>");



    document.writeln("<table width=\"100%\" border=\"0\">");

    document.write('</td></tr><tr><td height=0>')
    document.write("<img src=http://wpa.qq.com/pa?p=1:271850264:17 height=17 border=0 align=middle>&nbsp;<a class='qqa' target=blank href='tencent://message/?

    uin=904552181&Site=http://www.hyhxtc.com&Menu=yes' title='在线即时交谈[客服]'><font color=#000000>客服</font></a>");




    document.writeln("<\/table>")

    document.writeln("</LI>");
    document.writeln("  </UL>");
    document.writeln("</DIV>");
    document.writeln("<!--中间结束-->");
    document.writeln("");
    document.writeln("<DIV class=bottom></DIV>");
    document.writeln("");
    document.writeln("</DIV>");
    document.writeln("  </div></div>");
    document.writeln("<div style=\'float:right;width:24px;margin:9px 0 0 0;border: 0px;\'><img id=menutop onMouseOver=\"javascript:ChangeMenu('RightMenu',115,500)\" 

    border=0 height=100 src=http://www.hyhxtc.com/kf/images/kefu.gif width=24></div>");
    document.writeln("  </div></div>")


    var QuickScrollYLast=0;
    var QuickMenu=document.getElementById("QuickMenu")
    window.setInterval("LoadMenu()",1);

    function LoadMenu(){
        var QuickScrollYDefault;
        if(document.documentElement&&document.documentElement.scrollTop){
            QuickScrollYDefault=document.documentElement.scrollTop;
        }else if(document.body){
            QuickScrollYDefault=document.body.scrollTop;
        }else{
        }
        QuickPercent=.1*(QuickScrollYDefault-QuickScrollYLast);
        if(QuickPercent>0){
            QuickPercent=Math.ceil(QuickPercent);
        }else{
            QuickPercent=Math.floor(QuickPercent);
        }
        QuickMenu.style.top=parseInt(QuickMenu.style.top)+QuickPercent+"px";
        QuickScrollYLast=QuickScrollYLast+QuickPercent;
    }

    var MenuX;
    var MenuY;
    var MenuCloseX;
    var MenuCloseY;
    function ChangeMenu(id,menuwidth,menuheight){
        clearInterval(MenuX);
        clearInterval(MenuY);
        clearInterval(MenuCloseX);
        clearInterval(MenuCloseY);
        var o = document.getElementById(id);
        if(o.style.display == "none"){
            o.style.display = "block";
            o.style.width = "1px";
            o.style.height = "1px"; 
            MenuX = setInterval(function(){menuopenx(o,menuwidth,menuheight)},30);
            document.getElementById("menutop").src="http://www.hyhxtc.com/kf/images/close.gif";
        }else{
            document.getElementById("menutop").src="http://www.hyhxtc.com/kf/images/kefu.gif";
            MenuCloseY = setInterval(function(){menuclosex(o)},30);
        }
    }
    function menuopenx(o,x,y){/*--打开x--*/
        var menucx = parseInt(o.style.width);
        if(menucx < x){
            o.style.width = (menucx + Math.ceil((x-menucx)/5)) +"px";
        }else{
            clearInterval(MenuX);
            //MenuY = setInterval(function(){menuopeny(o,y)},30);
        }
        var menucy = parseInt(o.style.height);
        if(menucy < y){
            o.style.height = (menucy + Math.ceil((y-menucy)/5)) +"px";
        }else{
            clearInterval(MenuY); 
        }
    }

    function menuopeny(o,y){/*--打开y--*/ 
        var menucy = parseInt(o.style.height);
        if(menucy < y){
            o.style.height = (menucy + Math.ceil((y-menucy)/5)) +"px";
        }else{
            clearInterval(MenuY); 
        }


    function menuclosex(o){/*--打开x--*/
        var menucx = parseInt(o.style.width);
        if(menucx > 0){
            o.style.width = (menucx - Math.ceil(menucx/5)) +"px";
        }else{
            clearInterval(MenuCloseX);
            //MenuCloseX = setInterval(function(){menuclosey(o)},30);
        }
        var menucy = parseInt(o.style.height);
        if(menucy > 0){
            o.style.height = (menucy - Math.ceil(menucy/5)) +"px";
        }else{
            clearInterval(MenuCloseY); 
            o.style.display = "none";
        }

    function menuclosey(o){/*--打开y--*/ 
        var menucy = parseInt(o.style.height);
        if(menucy > 0){
            o.style.height = (menucy - Math.ceil(menucy/5)) +"px";
        }else{
            clearInterval(MenuCloseY); 
            o.style.display = "none";
        }

    这就是完整的QQ客服js文件

    你把<script src='http://www.hyhxtc.com/kf/jqqonline.js'></script>放到你想要增加QQ客服的网页即可,记得要把http://www.hyhxtc.com换成你自己的网址,QQ号码也要换为你自己的


    活性炭椰壳活性炭:http://www.hyhxtc.com


    2012年4月19日 12:54