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

浅谈如何制作网站首页客服弹出QQ对话框 　　摘要:该文重点讲述结合flash 8.0工具以及dreamweaver 8.0工具来制作一个网站首页qq在线对话框的方法。 　　关键词:firework 8.0;QQ聊天对话框;QQ在线状态;dreamweaver 8.0;脚本程序 　　中图分类号:TP393文献标识码:A文章编号:1009-3044(2010)18-4899-02 　　 　　随着日新月异的网络的发展,对于一个公司或者一个企业,如何通过一个网站来推广自己的产品,树立自己的形象越来越成为一个重要的事情,在很多知名的网站,我们经常看到在一个网站的首页上有一些客服的对话框,如图1所示,点击对话框的接受就可以和对方的QQ进行畅通无阻的聊天,公司客户服务员可以通过这个平台和客户进行面对面的宣传和解答。那么如何在我们的网站首页中制作一个这样的对话框呢,该文重点讲述结合dreamweaver 8.0 以及firework 8.0工具来简单的制作一个网站首页广告并且点击链接QQ在线对话框的方法,方便登陆网站的用户一点击客服图片便弹出客服的QQ对话框与客服进行沟通。 　　1 需求分析 　　网络的发展,必然推动着宣传的发展,宣传越来越需要面对面的沟通,宣传的发展最终的结果是公司或者企业本身得利,随着腾讯技术的不断完善以及网页制作技术的发展,用户通过网站直接与客户服务员沟通成为了可能。 　　2 操作步骤 　　第一步:将您的QQ生成在线状态,打开IE浏览器,在地址栏中输入:;输入您的QQ号码以及密码;选择好您所需要的一种qq在线状态的风格,如图2所示。 　　将代码区的代码复制,如图3所示。 　　第二步:通过firework8.0来制作如图1的gif动态图片,命名为xiao.gif,并且保存在和和网站首页的同一级目录下面。制作步骤如下: 　　首先准备好一张底图,通过抠图以及羽化操作将美女图片放在图像左边,通过添加帧的方法来制作气球的动画以及立即咨询的动画。导出为gif动画格式即可。 　　第三步:在首页中插入刚才制作好的图片,如下:对图片粘贴刚才复制后的代码: 　　　　Var oldscript=document.getElementById(testJs);var newscript=document.createElement(script);newscript.setAttribute(type,text/javascript); newscript.setAttribute(id, testJs);newscript.setAttribute(src,tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;;将的源地址修改为xiao.gif。这样当我们点击图片就会自动弹出客服的QQ对话框。 　　第四步:使用dreamweaver打开页面,在页面加入漂浮广告的脚本代码,使我们刚才插入的图片生成首页的漂浮代码,代码如下: 　　 　　var x = 50,y = 60 　　var xin = true, yin = true 　　var step = 1 　　var delay = 10 　　var obj=document.getElementById(ad) 　　function floatAD() { 　　var L=T=0 　　var R= document.body.clientWidth-obj.offsetWidth 　　var B = document.body.clientHeight-obj.offsetHeight 　　obj.style.left = x + document.body.scrollLeft 　　obj.style.top = y + document.body.scrollTop 　　x = x + step*(xin?1:-1) 　　if (x L) { xin = true; x = L} 　　if (x R){ xin = false; x = R} 　　y = y + step*(yin?1:-1) 　　if (y T) { yin = true; y = T } 　　if (y B) { yin = false; y = B } 　　} 　　var itl= setInterval(floatAD(), delay) 　　obj.onmouseover=function(){clear