qq面对面快传

龙源期刊网

浅谈如何制作网站首页客服弹出QQ对话框

作者：潘彪

来源：《电脑知识与技术》2010年第18期

摘要:该文重点讲述结合flash8.0工具以及dreamweaver8.0工具来制作一个网站首页qq在

线对话框的方法。

关键词:firework8.0;QQ聊天对话框;QQ在线状态;dreamweaver8.0;脚本程序

中图分类号:TP393文献标识码:A文章编号:1009-3044(2010)18-4899-02

随着日新月异的网络的发展,对于一个公司或者一个企业,如何通过一个网站来推广自己的

产品,树立自己的形象越来越成为一个重要的事情,在很多知名的网站,我们经常看到在一个网站

的首页上有一些客服的对话框,如图1所示,点击对话框的接受就可以和对方的QQ进行畅通无

阻的聊天,公司客户服务员可以通过这个平台和客户进行面对面的宣传和解答。那么如何在我

们的网站首页中制作一个这样的对话框呢,该文重点讲述结合dreamweaver8.0以及firework8.0

工具来简单的制作一个网站首页广告并且点击链接QQ在线对话框的方法,方便登陆网站的用

户一点击客服图片便弹出客服的QQ对话框与客服进行沟通。

1需求分析

网络的发展,必然推动着宣传的发展,宣传越来越需要面对面的沟通,宣传的发展最终的结果

是公司或者企业本身得利,随着腾讯技术的不断完善以及网页制作技术的发展,用户通过网站直

接与客户服务员沟通成为了可能。

2操作步骤

第一步:将您的QQ生成在线状态,打开IE浏览器,在地址栏中输入:;输入您

的QQ号码以及密码;选择好您所需要的一种qq在线状态的风格,如图2所示。

将代码区的代码复制,如图3所示。

第二步:通过firework8.0来制作如图1的gif动态图片,命名为,并且保存在和和网站

首页的同一级目录下面。制作步骤如下:

首先准备好一张底图,通过抠图以及羽化操作将美女图片放在图像左边,通过添加帧的方法

来制作气球的动画以及立即咨询的动画。导出为gif动画格式即可。

龙源期刊网

第三步:在首页中插入刚才制作好的图片,如下:对图片粘贴刚才复制后的代码:

第四步:使用dreamweaver打开页面,在页面加入漂浮广告的脚本代码,使我们刚才插入的图

片生成首页的漂浮代码,代码如下:

varx=50,y=60

varxin=true,yin=true

varstep=1

vardelay=10

varobj=mentById("ad")

functionfloatAD(){

varL=T=0

varR=Width

varB=Height

=x+Left

=y+Top

x=x+step*(xin?1:-1)

if(x

if(x>R){xin=fal;x=R}

y=y+step*(yin?1:-1)

if(y

if(y>B){yin=fal;y=B}

}

龙源期刊网

varitl=tInterval("floatAD()",delay)

eover=function(){clearInterval(itl)}

eout=function(){itl=tInterval("floatAD()",delay)}

注意:这段代码应该加在图片链接的后面,好了,大功告成,最终预览效果如图4所示。

3优点与缺点

优点:该种方法制作过程简单直接。用户无需加客户服务员为好友就可以直接对话,客服无

需登录qq,用户也可给客服进行留言。并且该方法可以在任何平台上运行。

缺点:该方法制作的页面,用户在点击时必须将自己的qq程序升级为2009以上的版本才能

使用。

4结论

本文重点讲述了一种通过firework8.0工具以及dreamweaver工具来制作网站网站首页客

服弹出QQ对话框的一种最为简单可行的方法,通过这种方法,用户可以通过浏览网页,点击便可

与客户服务员进行咨询。

参考文献:

[1]唐芃.DREAMWEAVER8标准培训教材[M].北京:人民邮电出版社,2007.

[2]网页设计与制作:DreamweaverCS3+Firework[M].北京:清华大学出版社,2009.