河北时时彩开奖视频 河北时时彩玩法介绍 河北时时彩开奖号码走势图表大全 河北时时彩11选五 河北时时彩走势图开奖结果 河北时时彩现场开奖结果查询 河北时时彩官网 河北时时彩开奖结果 河北时时彩走势图 河北时时彩走势图开奖结果查询 河北时时彩快三 河北时时彩2017 河北时时彩现场开奖 河北时时彩玩法介绍 河北时时彩投注站
您當前的位置:首頁 > 網絡編程 > Js腳本 > 正文

分享:可以拖動并關閉的qq在線客服代碼

【字體大小: 2010-04-17 12:20 來源: 作者:www.wzhan.net 

  一個可以自由拖動,并且可以關閉的qq在線客服代碼,效果非常好。

  1.   <html> 
  2.   <head> 
  3.   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  4.   <title>Ajax提示框_站長吧客服_blog.chaidefu.com</title> 
  5.   <style type="text/css"> 
  6.   a {color:#000;font-size:12px;text-decoration:none;}  
  7.   a:hover {color:#900;text-decoration:underline}  
  8.   body {overflow:hidden}  
  9.   #massage_box {position:absolute;left:expression(body.clientWidth-170);top:expression(body.clientHeight-body.clientHeight+20);filter:dropshadow(color=#666666, offx=3offy=3positive=2);z-index:2;}  
  10.   #mask {position:absolute;top:0;left:0;width:expression(body.scrollWidth);height:expression(body.scrollHeight);background:#666;filter:ALPHA(opacity=60);z-index:1;visibility:hidden}  
  11.   .header {background:#036;width:118px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;padding:3 5 0 5;color:#fff}  
  12.   .qqb{ text-align:center; margin:5px 0 0 8px; width:100px; display:block;}  
  13.   </style> 
  14.   <!--實現層移動--> 
  15.   <script language="javascript"> 
  16.   var Obj='' 
  17.   document.onmouseup=MUp 
  18.   document.onmousemove=MMove 
  19.   function MDown(Object){  
  20.   Obj=Object.id  
  21.   document.all(Obj).setCapture()  
  22.   pX=event.x-document.all(Obj).style.pixelLeft;  
  23.   pY=event.y-document.all(Obj).style.pixelTop;  
  24.   }  
  25.   function MMove(){  
  26.   if(Obj!=''){  
  27.   document.all(Obj).style.left=event.x-pX;  
  28.   document.all(Obj).style.top=event.y-pY;  
  29.   }  
  30.   }  
  31.   function MUp(){  
  32.   if(Obj!=''){  
  33.   document.all(Obj).releaseCapture();  
  34.   Obj='';  
  35.   }  
  36.   }  
  37.   </script> 
  38.   </head> 
  39.   <body> 
  40.   <div id="massage_box"> 
  41.   <div class="massage"> 
  42.   <div class="header" onmousedown=MDown(massage_box)> 
  43.   <div style="display:inline; width:118px; position:absolute; background-image:url(images/up_001.gif); height:55px; margin-left:35px;"><span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand; width:20px;">×</span></div> 
  44.   </div> 
  45.   <ul> 
  46.   <li style="list-style:none;background-image:url(images/mid001.gif); height:70px; margin:50px 0 0 0; width:118px;"><br /><a class='qqb' target=blank href=upload/201004170927085155.gif border=0 align=middle style="margin-right:8px; margin-bottom:5px;"></a><a class='qqb' target=blank href=msnim:chat?contact=勿尤photo><img src=images/online.gif border=0 align=middle></a></li> 
  47.   <li style="list-style:none;"><img src="images/bot_001.gif" /></li> 
  48.   </ul> 
  49.   </div> 
  50.   </div> 
  51.   <div id="mask"></div> 
  52.   </body> 
  53.   </html> 

  歡迎轉載,有興趣轉載的,請注明文章來自站長吧http://www.wzhan.net,非常感謝!

    頂一下
    (2)
    50%
    踩一下
    (2)
    50%
    【責任編輯:絕口不提】 標簽:

    更多相關內容

    最新評論 查看所有評論
    發表評論 查看所有評論
    請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
    評價:
    表情:
    用戶名:密碼:驗證碼:

    河北时时彩走势图开奖结果查询
    河北时时彩开奖视频 河北时时彩玩法介绍 河北时时彩开奖号码走势图表大全 河北时时彩11选五 河北时时彩走势图开奖结果 河北时时彩现场开奖结果查询 河北时时彩官网 河北时时彩开奖结果 河北时时彩走势图 河北时时彩走势图开奖结果查询 河北时时彩快三 河北时时彩2017 河北时时彩现场开奖 河北时时彩玩法介绍 河北时时彩投注站
    体彩新疆十一选五开奖走势图 甘肃地区划水麻将的玩法 山西扣点点群主怎么赚钱 秒速时时彩计划网 重庆百变王牌杀号 365要多少流水才能提款 怎样下载腾讯分分彩 怎么利用淘宝平台赚钱 99围棋手机版安装 魔域手游什么职业容易赚钱吗 全民欢乐捕鱼街机版 东莞打什么工赚钱 200元倍投方案 黑龙江福利彩票中心 les酒吧 赚钱么 北京11选5前三走势图