牛腩新闻发布系统 (6) 在线浮动的客服功能

         牛腩系统已经做完,不过,感觉不是很完善,很多网站都有在线客服功能,于是,把牛腩上也添加了在线客服,如下效果图:

 

       新闻网站加上客服用处不是很大,不过,如果是销售网站会很有用,下面就是如何实现该功能:

       1 .打开VS,添加image、 js 、css 三个文件夹。

          在Web开发中一般都会用到DIV+CSS JavaScript 技术,好处就不说了,分别把相应文件拷入文件夹下。

          在这里建议在VS里新建对应的类型文件,然后从源码里复制过去,否则,可能会由于编码方式不同,中文会出现乱码。

       2. 将下面代码放在需要显示“客服QQ”的网页或模板中

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
    <link rel="stylesheet" type="text/css" href="css/QQChat.css" />
    <script type="text/javascript">        _attachEvent(window, 'scroll', function () { showTopLink(); });</script>
    <script type="text/javascript">        _attachEvent(window, 'scroll', function () { showTopLink(); });</script>
    <script src="js/QQChat.js" type="text/javascript"></script>

         

        3.打开源码分别更改下面代码、实现更改QQ号和名称

           改QQ号

qq[0][0] = "很高兴为您服务!";
qq[0][1] = "595145130";
qq[0][2] = "1280185949";
//qq[0][3] = "1455723326";
//qq[0][4] = "2858576840";
//qq[0][5] = "253263701";

           该昵称

                if (i == 0 && j == 1) {
                    k = " XXX ";
                }
                if (i == 0 && j == 2) {
                    k = " XX";
                }
                if (i == 0 && j == 3) {
                    k = "XXX";

 

        3.经过上述设置就可以实现该功能。

         更详细说明及源码下载地址:http://blog.csdn.net/yangyuankp/article/details/7840784

 

 

 

 

posted @ 2012-08-13 17:11  李龙生的博客  阅读(115)  评论(0编辑  收藏  举报