php页面中怎么做qq消息提醒框

php页面中怎么做qq消息提醒框,第1张

我这有一份模拟桌面右下角QQ消息提示的代码:请楼主新建一个txt文本文件,将以下代码复制进去保存为html文件并双击运行。

<html>

<head>

<style type="text/css">

#winpop { width:200pxheight:0pxposition:absoluteright:0bottom:0border:1px solid #999999margin:0padding:1pxoverflow:hiddendisplay:nonebackground:#FFFFFF}

#winpop .title { width:100%height:20pxline-height:20pxbackground:#290052font-weight:boldtext-align:centerfont-size:12pxcolor:#FFFFFF}

#winpop .con { width:100%height:80pxline-height:80pxfont-weight:boldfont-size:12pxcolor:#FF0000text-decoration:underlinetext-align:center}

.close { position:absoluteright:4pxtop:-1pxcolor:#FFFFFFcursor:pointer}

</style>

<script type="text/javascript">

function tips_pop()

{

var MsgPop=document.getElementById("winpop")

var popH=parseInt(MsgPop.style.height)

if (popH==0)

{

MsgPop.style.display="block"

show=setInterval("changeH('up')",2)

}

else

{

hide=setInterval("changeH('down')",2)

}

}

function changeH(str)

{

var MsgPop=document.getElementById("winpop")

var popH=parseInt(MsgPop.style.height)

if(str=="up")

{

if (popH<=100) MsgPop.style.height=(popH+4).toString()+"px"

else clearInterval(show)

}

if(str=="down")

{

if (popH>=4) MsgPop.style.height=(popH-4).toString()+"px"

else

{

clearInterval(hide)

MsgPop.style.display="none"

}

}

}

window.onload=function()

{

document.getElementById('winpop').style.height='0px'

setTimeout("tips_pop()",800)

}

</script>

</head>

<body leftmargin="0" topmargin="0" bgcolor="#000000">

<div id="winpop">

<div class="title">短消息<span class="close" onClick="tips_pop()">×</span></div>

<div class="con">未读消息 (3)</div>

</div>

</body>

</html>

登录QQ的官方页面(http://bizapp.qq.com/webpres.htm),首先在“在线状态图片风格”中选择你满足的图片风格(如下图)

如选择第一组,然后接着输入你的QQ/TM号码以及发直会话的网站名称,网站名称的作用是在发起临会话时,用来显示会话的来源信息,如输入im.qq.com,最后点击下面的“生成网页代码”,这时就会在下面的对话框中生成嵌入网页的代码了(如下图)。

在HTML编辑器中,把需要添加互动状态的地方直接粘贴刚刚生成的代码就可以了,这样就可以在网站上看到自己的QQ在线状态了(如图3),同时还可以点击按钮给QQ发送消息。

跟你是不是php没啥关系

代码是加在html中的

你的程序是用html模版的话就加在模版里

加的方法是 在页面需要加的位置 插入以下代码

<a href="你的QQ客服链接代码">点击在线咨询的文字 或者<img src="你的图片链接"> </a>

替换你自己的内容就行了


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/565191.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-02
下一篇2023-07-02

发表评论

登录后才能评论

评论列表(0条)

    保存