零基础学做网站培训介绍

当前位置:

如何实现打开网页后直接弹出QQ对话框

在很多单页面网站时,我们会看到当我们打开这个网页后,直接弹出一个QQ对话框,询问是否进行QQ临时会话。如下图:

打开网页后直接弹出QQ对话框

这个功能是单页网站制作中很常见,如何实现在网页打开后直接弹出QQ对话框呢?其实非常简单,只需要将以下的IFRAME框架代码放到自己的网页代码任意处即可。


<iframe style="display:none;" src="tencent://message/?uin=8888888888&Site=&menu=yes"></iframe>

这样,当我们打开网页时,就是自动弹出QQ对话框了,并且每刷新一下弹出一次。

延时弹出QQ对话框

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


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

$('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
}, 10000)
})
</script>

这种延时弹出就是使用了javascript 定时器功能,它检测网页打开后10秒后弹出QQ对话框。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

延伸文章