点击进入知科官方网站
查看: 1317  |  回复: 3
 
 
ay0791
积分:455
注册时间:2012-05-09
最后登录:2012-09-07
发送短消息
发表于 2012-06-26 02:27
<style type="text/css">
ul,li,img{
 margin:0;
 padding:0;
 border:0;
 list-style:none;
}
.qqbox a{
 text-decoration:none;
 color:#333;
}
.qqbox a:hover{
 text-decoration:underline;
 color:#f30;
}
.qqbox{
 width:168px;
 height:auto;
 overflow:hidden;
 position:absolute;
 right:0;
 top:120px;
 color:#333;
 font-size:12px;
 letter-spacing:0px;
 z-index:101;
}
.qqlv{
 width:20px;
 height:197px;
 overflow:hidden;
 position:relative;
 float:right;
 z-index:50;
}
.close{
 width:20px;
 height:17px;
 overflow:hidden;
}
.qqlv2{
 width:20px;
 height:181px;
 overflow:hidden;
}
.qqkf{
 width:168px;
 height:auto;
 overflow:hidden;
 right:0;
 top:0;
 z-index:99;
}
.qqtop{
 width:168px;
 height:49px;
}
.qqcenter{
 width:168px;
 height:auto;
 overflow:hidden;
 background:url(http://img.lingd.net/attachments/date_201105/5b0819da2da9cdcf0c4d6d69e464e7dd.jpg) repeat-y left top;
}
.qqcenter_box{
 width:160px;
 height:auto;
 overflow:hidden;
}
.qq1{
 text-align:left;
 text-indent:10px;
 font-weight:bold;
}
.qq_line{
 width:150px;
 height:1px;
 margin-top:2px;
 margin-bottom:6px;
 overflow:hidden;
 background:url(http://img.lingd.net/attachments/date_201105/61a131add505c00c66a30f11dd6cd0c6.jpg) no-repeat;
}
.qq1_box{
 width:150px;
 height:auto;
 text-align:left;
 overflow:hidden;
}
.qq1_box ul li{
 text-align:left;
 text-indent:13px;
 margin-bottom:3px;
}
.qq1_box ul .tm{
 margin-left:10px;
}
.qq2{
 text-align:left;
 text-indent:10px;
 font-weight:bold;
 margin-top:6px;
}
.qq2 span{
 font-weight:normal;
}
.qq2_box ul li{
 text-align:left;
 text-indent:8px;
 margin-bottom:3px;
}
.qqend{
 width:168px;
 height:81px;
}
//http://xu123.lingd.net/
</style>
</head>
<body>
<div style="height:2000px;"></div>
<!--把下面代码加到<body>与</body>之间-->
<div class="qqbox" id="divQQbox">
  <div class="qqlv" id="meumid" onMouseOver="show()"><img  src="http://img.lingd.net/attachments/date_201105/c63f933f3b14646d4892441641cfc852.gif"></div>
  <div class="qqkf" style="display:none;" id="contentid" onMouseOut="hideMsgBox(event)">
    <div class="qqtop"><img  src="http://img.lingd.net/attachments/date_201105/a1ff8dd17c365875b6623f0bf1f5bdb2.jpg"></div>
    <div class="qqcenter">
      <div class="qqcenter_box">
        <div class="qq1"> <img  src="http://img.lingd.net/attachments/date_201105/6d3dafda7abafd3af1674da6692afd88.jpg" align="absmiddle"> 客服工作时间</div>
        <div class="qq_line"></div>
        <div class="qq1_box">
          <ul>
            <li>周一至周日</li>
            <br>
            <li>9:00-22:00</li>
<ul>
        </div>
<ul>
<div class="qq2_box">
           
<div class="qq1"> <img  src="http://img.lingd.net/attachments/date_201105/6d3dafda7abafd3af1674da6692afd88.jpg" align="absmiddle"> 客服团队</div>
        <div class="qq_line"></div>
        <div class="qq1_box">
          <ul>
            <li><FONT color=#FF0000>在线客服:</FONT><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2497638314&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2497638314:10" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
                        <li><FONT color=#FF0000>在线客服:</FONT><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2497638314&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2497638314:10" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
            <li><FONT color=#FF0000>网站广告:</FONT><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2497638314&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2497638314:10" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
                        <li><FONT color=#FF0000>报纸广告:</FONT><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=582818358&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2497638314:10" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
                        <li><FONT color=#FF0000>广告制作:</FONT><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=582818358&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2497638314:10" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
         </ul>
        </div>
<div class="qq1"> <img  src="http://img.lingd.net/attachments/date_201105/6d3dafda7abafd3af1674da6692afd88.jpg" align="absmiddle"> 投诉建议</div>
        <div class="qq_line"></div>
        <div class="qq1_box">
          <ul>
            <li><FONT color=#FF0000>投诉建议:</FONT><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=107640318&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2497638314:10" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>
         </ul>
        </div>
        <div class="qq2"><img  src="http://img.lingd.net/attachments/date_201105/6d3dafda7abafd3af1674da6692afd88.jpg" align="absmiddle"> 服务热线</div>
        <div class="qq_line"></div>
        <div class="qq2_box">
          <ul>
            <li>广告业务:15079007210</li>
            <br>
            <li>网站合作:18070120502</li>
            <br>
            <li>投诉建议:18070037567</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="qqend"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2497638314&site=qq&menu=yes"><img  src="http://img.lingd.net/attachments/date_201105/b19854c7130ff06e9c506c188e7347ab.jpg" title="点击这里与我交流"></a></div>
  </div>
</div>
<script language="javascript">
var tips;
var theTop = 120;
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; 
 }
 //http:
 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();
if(typeof(HTMLElement)!="undefined")//给firefox定义contains()方法,ie下不起作用

 HTMLElement.prototype.contains=function (obj) 
 { 
  while(obj!=null&&typeof(obj.tagName)!="undefind"){//
   if(obj==this) return true; 
   obj=obj.parentNode;
  } 
  return false; 
 }
}
function show()
{
 document.getElementById("meumid").style.display="none"
 document.getElementById("contentid").style.display="block"
}
function hideMsgBox(theEvent){
 if (theEvent){
  var browser=navigator.userAgent;
  if (browser.indexOf("Firefox")>0){//Firefox
   if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {
    return
   }
  }
  if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){
   if (document.getElementById('contentid').contains(event.toElement)) {
    return;//结束函式
   }
  }
 }
 document.getElementById("meumid").style.display = "block";
 document.getElementById("contentid").style.display = "none";
}
</script>
</body>
</html>
 
 
ay0791
积分:455
注册时间:2012-05-09
最后登录:2012-09-07
发送短消息
回复于 2012-06-26 02:28
1楼
插入以上  在线客服代码   网页出现大片空白区域, 是哪段代码有问题,可以帮忙弄下吗
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-06-26 08:52
2楼
插入代码到页面 ,代码中是不能含body head  html标签的
 
看到你代码里有<div style="height:2000px;"></div>这一句,这可能就是空白的原因
 
 
ay0791
积分:455
注册时间:2012-05-09
最后登录:2012-09-07
发送短消息
回复于 2012-06-26 09:11
3楼
谢谢 问题已经解决了    【安义生活网】
回复帖子