半透明化效果已经实现
演示地址: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 编辑 ]