[共享] [重新上传]半透明化QQ浮动面板插件，增加了十套皮肤

半透明化效果已经实现演示地址:http://shop.07ee.com
前言：
本来打算彻底修改好后在发出，但是看到好多朋友在要，版主也没有明确说明如何安装，这对于新手来说确实是一种难题，我在此补充一下安装方法给大家，附件中也明确说明了安装方法，在此先感谢了下曾提供此代码的作者，谢谢他能无私的奉献这么好的代码给我们，题归正转：

忘了说明一下了，测试效果在附件中，大家支持我的话，就到我主页论坛www.07ee.com注册几个账号就OK了，呵呵，让我论坛突破0会员的历史吧，记得下载除件后检查一下有没有病毒，因为我的毒霸到期了，今天还没充值，不敢确定有没有毒，不过我想几个源代码不可能出现毒的情况吧？安全第一，反正我也是网上下的源代码，大家一定要检查一下！记得安装成功后顶一下贴子，不要让贴子沉了，让后面的新进的朋友都能学会安装！

QQ浮动窗口在线客服安装方法
1.打开首页或模版首页将以下代码插入<head>下面

<meta http-equiv="Content-Type" c />
<link rel="stylesheet" href="images/qq.css" type="text/css">

2.将以下代码插入页面最下边</body>上边，注意在插入前先改动QQ号码，改动方法在第4条

<script language="JavaScript1.1" type="text/javascript" src="images/qq.js"></script>
<div id="topbar">
  <table border="0" width="110" cellspacing="0" cellpadding="0">
<tr>
<td width="110"><img border=0 src=images/kefu_up.gif></td>
</tr>
<script src="http://webpresence.qq.com/getonline?Type=1&9778488:4122997:"></script>
</script>
<tr><td valign=middle  background=images/kefu_middle.gif>
<script>
   if (online[0]==0)
   document.write("  <img src=images/qqoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服离线 ①&Menu=no' title='客服不在线，请留言'>  9778488</a>");
   else
   document.write("  <img src=images/qqonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服在线 ①&Menu=no' title='在线即时交谈'>  9778488</a>");
</script>
</td></tr>
<tr><td valign=middle  background=images/kefu_middle.gif>
<script>
   if (online[1]==0)
   document.write("  <img src=images/qqoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=4122997&Site=客服离线 ②&Menu=no' title='客服不在线，请留言'>  4122997</a>");
   else
   document.write("  <img src=images/qqonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=4122997&Site=客服在线 ②&Menu=no' title='在线即时交谈'>  4122997</a>");
</script>
</td></tr>
<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr>
  </table>
</div>
3.将images上传或复制到网站的根目录内，比如说你的网址是www.***.com 就复制到www.***.com所在的目录内！
4.改动说明
找到<script src="http://webpresence.qq.com/getonline?Type=1&9778488:4122997:"></script>这行，把1&9778488:4122997:里的两个QQ号改为你的，如果你想增加则只需要在:后加入"你的QQ号:"注意结尾一定要保证那个“:”号存在
然后改动QQ客服显示区域
找到
<tr><td valign=middle  background=images/kefu_middle.gif>
<script>
   if (online[0]==0)
   document.write("  <img src=images/qqoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服离线 ①&Menu=no' title='客服不在线，请留言'> 9778488</a>");
   else
   document.write("  <img src=images/qqonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服在线 ①&Menu=no' title='在线即时交谈'> 9778488</a>");
</script>
</td></tr>

这个区域，Uin=9778488
客服不在线，请留言'> 9778488</a>    这里的QQ号码是显示在浮动窗口的文本，你可以改为“客服”或其它你想改成的名称
上边我给出的区域是一个QQ号码的设置区域，当你在Type=1&9778488:4122997:">这里增加了QQ号的时候，只需要把上边的代码在插入最后一个QQ号区域结尾的</td></tr>代码后面，然后修改为你需要增加的QQ号码就行了！

关于浮动框所在位置修改方法：
需修改images下的QQ.JS文件，查找
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = screen.width-150 //screen.width-150此值为在浮动框在网站右边，如想改为在左边设定此值为"3"!
var startY = 200 //距离网页窗口底部的距离
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
var online= new Array();

补充－半透明化透明度修改方法

半透明装态我用CSS样式代码实现了，看来我还得多多学习才能更好的运用，修改方法在IMAGES下面的QQ.css代码里：
参数 filter: Alpha(Opacity=50, FinishOpacity=100, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0);
说明
opacity
透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
fi nishopacity
是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style
指定透明区域的形状特征：0 代表统一形状1 代表线形2 代表放射状3 代表矩形
startx
渐变透明效果开始处的 X坐标。
starty
渐变透明效果开始处的 Y坐标。
finishx
渐变透明效果结束处的 X坐标。

十套皮服为分别十种样式浮动模板皮肤，需要哪套只需将哪套下面的三个GIF文件复制到IMAGES目录下覆盖原文件即可，十分简单！

[ 本帖最后由卢建元于 2007-4-27 19:29 编辑 ]