• js实现打开网页自动弹出添加QQ好友邀请窗口


    我们有时进一些网面或专题页面会自动弹出一个加为好友的对话框了,在研究了很久之后发现可以直接使用js来实现,下面我们一起来看js实现打开网页自动弹出添加QQ好友邀请窗口的方法。

    第一种方法:JS脚本(推荐,没有框架利于优化)

    这个是比较关键的,我们需要新建一个pop.js脚本文件,我们也可以把下面的代码加入到网站已有的JS文件中。

    var qq_chat = true;
    function show_qq() {
    if (qq_chat) {
    popwin = window.location.href = 'tencent://message/?uin=QQ号码设置&Site=公司名称设置&Menu=yes'
    }
    };
    setTimeout("show_qq()", 1000);

    对应的uin和Site参数修改成自己的就可以。对于弹出的时间,可以在setTimeout后面的1000参数调整,数字越大越慢弹出。

    如果以上的脚本在我们已有的网站页面JS中,这时候就可以直接弹出效果。如果我们是新建的JS文件,我们就需要把POP.JS添加到页面中。

    <script type="text/javascript" src="pop.js"></script>

    设置多个客服QQ

    针对企业中有多个客服的情况,为了客服直接合理分配接待。刚刚也研究出了一套解决方案就是预设多个客服QQ,然后给访客随机弹出一个客服QQ的对话框!当然这个适合于企业,对于个人站长就没必要了。

    <iframe style="display:none;" class="qq_iframe" src=""></iframe>
    <script>
    $(function(){
        qq_list = new Array('12345678', '87654321');
        //随机
        qq_i = Math.floor(Math.random()*qq_list.length);
        src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
        $('.qq_iframe').attr('src',src);
    })
    </script>

    延时弹出对话框

    有不少客户问我如何设置访客打开页面后10秒再弹出,再次研究更新了这个弹出,确实找到的方法可设置10秒后弹出!这样可以一定程度上提升用户体验,同时让访客先看看网站的优质服务能够有效地提升客户对产品的认可度,进而提升客户主动沟通的机会!

    <iframe style="display:none;" class="qq_iframe" src=""></iframe>
    <script>
    $(function(){
        setTimeout(function(){
            qq_list = new Array('12345678', '87654321');
            //随机
            qq_i = Math.floor(Math.random()*qq_list.length);
            src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
            $('.qq_iframe').attr('src', src);
        }, 10000)
    })
    </script>

    第二种方法:框架

    1、在网页中插入iframe框架并设置src=“tencent://message/?uin=QQ号码设置&amp;Site=公司名称设置&amp;menu=yes”;

    2、访客打开你网站的同时也会打开iframe框架中的链接;

    3、访客的QQ窗口就会弹出与你的QQ聊天的对话框了。

    具体代码如下:

    <iframe src='tencent://message/?uin=QQ号码设置&amp;Site=公司名称设置&amp;menu=yes' width='0' height='0' marginwidth='0' marginheight='0'  scrolling='no'></iframe>

    <iframe style="display:none;" src="tencent://message/?uin=QQ号码设置&Site=公司名称设置&menu=yes"></iframe>



  • 相关阅读:
    MYSQL转MSSQL
    SVN 服务器IP地址变更后客户端的修改
    gridview
    gridview外边距
    Android开发:自定义GridView/ListView数据源
    Android之Adapter用法总结
    collection set
    listview优化
    android应用开发全程实录-你有多熟悉listview
    android模块
  • 原文地址:https://www.cnblogs.com/jxhgt/p/11096342.html
Copyright © 2020-2023  润新知