您的位置:首页 > 编程语言

在网页嵌入QQ+MSN+淘宝旺旺+Gtalk快速对话框官方代码的方法

2017-07-06 13:52 387 查看
如何在网页中实现单击链接弹出对话窗口
 http://www.baidu.com/s?bs=%CD%F8%D2%B3%D6%D0+%B5%A5%BB%F7%D2%BB%CF%C2qq%BE%CD%CD%AC%C4%C7%C8%CB%B6%D4%BB%B0+%D4%F5%C3%B4%D7%F6&f=8&wd=%C8%E7%BA%CE%D4%DA%CD%F8%D2%B3%D6%D0%CA%B5%CF%D6%B5%A5%BB%F7%C1%B4%BD%D3%B5%AF%B3%F6%B6%D4%BB%B0%B4%B0%BF%DA&n=2 
关于这个问题,一般解决方案是在页面里嵌入如下链接:<a href="tencent://message/?uin=qq号码&Site=JooIT.com&Menu=yes">...</a>,这样经常带来两个问题:

1.弹出qq登录窗口(我们已经登录了),问题的原因是没有启动TXPlatForm.exe(网上说这个进程没什么用,所以我禁用了)

2.弹出“您需要添加对方为好友,才能给对方发送回话消息”的提示(明明对方qq系统设置里允许接收临时会话的),要解决这个问题需要登录wp.qq.com为您的qq设置专用链接,而不是类似href="tencent://message/?uin=qq号码&Site=JooIT.com&Menu=yes" 的链接

当然也有其他一些破解的办法(例如:href=" tencent://message/?uin=qq号&Service=0&sigT=c91aed75f6ce89f7fc95efcb07ae5b66d396e37bb891ba96bf7a544943a82b887bf5289cfc75d7b8406d9"),但是怕腾讯不知道哪天就把这些Bug解决了你的连接就又没用了。

网页中直接调用MSN聊天对话框
网页HTML代码:
超链接:
<a href="msnim:chat?contact=jinru2560@hotmail.com">联系客服</a>
点击执行如下图:

确定后:

本文地址:http://www.bhcode.net/article/20081230/3810.html

在网页嵌入QQ+MSN+淘宝旺旺+Gtalk快速对话框官方代码的方法
1.如何在网页上显示腾讯QQ在线洽谈?
QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码)
(将123456换成你的号码,site后面换成你的网站就可以了)
<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=664614846&Site=孚网&Menu=yes"><img border="0" SRC=http://wpa.qq.com/pa?p=1:664614846:6 alt="点击这里给我发消息" align="absmiddle"></a>
更多的生成显示QQ在线状态的代码,请查看腾讯官方网站 http://imis.qq.com/webpresence/code.shtml 你只需要填写你的号码,网站名称以及提示就可以点击生成就可以生成QQ在线状态的代码,拷贝生成的代码加入网页即可

2.阿里旺旺贸易通版
<a target="_blank" href="http://amos.im.alisoft.com/msg.aw?v=2&uid=hongtaiwater&site=cnalichn&s=2" ><img border="0" src="http://amos.im.alisoft.com/online.aw?v=2&uid=hongtaiwater&site=cnalichn&s=2" alt="点击这里给我发消息" /></a>
更多的阿里旺旺贸易通版在线状态代码生成样式 http://alitalk.alibaba.com.cn/tese/index.html 
3、阿里旺旺淘宝版在线代码生成
<a target="_blank" href="http://amos.im.alisoft.com/msg.aw?v=2&uid=ddddddd&site=cntaobao&s=1&charset=utf-8" ><img border="0" src="http://amos.im.alisoft.com/online.aw?v=2&uid=ddddddd&site=cntaobao&s=1&charset=utf-8" alt="点击这里给我发消息" /></a>

更多的阿里旺旺淘宝版在线状态代码生成样式 http://www.taobao.com/wangwang/tese/index.php 
4、skype在线状态代码生成
将worldshop668换成你的skype ID就可以了,需要在skype个人账户里设置对任何人显示状态
<a href="skype:worldshop668?call" on-click="return skypeCheck();"><img src=http://mystatus.skype.com/smallclassic/worldshop668 style="border: none;" alt="Call me!" /></a>
更多的skype在线状态代码生成样式,请查看skype的官方网站 http://www.skype.com/share/buttons/ 
5、如何生成MSN在线状态代码

MSN从7.5开始加入了命令行控制,你可以在网页中加入“与我交谈”这样的按钮了,访问者点击就可以直接用他的MSN与你对话,代码是:

建立对话:msnim:chat?contact=[邮件地址]
添加好友:msnim:add?contact=[邮件地址]
语音聊天:msnim:voice?contact=[邮件地址]
视频聊天:msnim:video?contact=[邮件地址]

用的时候把[邮件地址]写成你的MSN账号,不要方括号,用链接即可,如
<a href="msnim:chat?contact=yourname@hotmail.com">与我交谈</a>
<a href="msnim:add?contact=yourname@hotmail.com">加我为好友</a>

6、百度 HI 聊天工具的代码:很简单的

<a href="baidu://message/?id=mengzhisui"><img src="http://tieba.baidu.com/tb/img/hi/hiOnline.gif"></a>

把 ID=mengzhisui 换成你自己的往往ID就可以了

下面是我在我的淘宝中放的代码:
<a target="_blank" href="http://amos.im.alisoft.com/msg.aw?v=2&uid=声音海洋&site=cntaobao&s=1&charset=utf-8" >
<img border="0" src="http://amos.im.alisoft.com/online.aw?v=2&uid=celia_zhou1&site=cntaobao&s=1&charset=utf-8" alt="有问题随时都可以M我哦" width="119" height="30" /></a>

<p><font face="Comic Sans MS"><a href="msnim:chat?contact=worldshop668@hotmail.com">
<font size="4" color="#008000">联系客服的MSN</font></a></font><font size="4"> </font>
</p>

<p><a href="http://wpa.qq.com/msgrd?V=1&Uin=664614846&Site=a-hai.net&Menu=yes">
<font color="#008000" size="4" face="Comic Sans MS">联系客服的QQ</font></a></p>

<a target=_blank href="http://scs1.sh1.china.alibaba.com/msg.atc?v=1&uid=jbexpress">
<img border=0 src="http://scs1.sh1.china.alibaba.com/online.atc?v=1&uid=jbexpress&s=2" alt="店家在等你哦" align="absmiddle" width="138" height="35"></a>
大家可以把这个粘贴的时候点击后面的代码,然后预览效果就可以了!

你好,最简单的方法,做超链接。
如何在网页中添加QQ和阿里旺旺.
1从我的网站右下角把qq交谈的图片和旺旺的图片保存到自己的机器上
2 创建一个自定义栏目
3 在自定义栏目编辑中选中 :插入图片,选择第一步保存的旺旺的图片
4 选择上传的图片,点击插入链接
在链接地址中把下面的链接copy进去:http://amos1.taobao.com/msg.ww?v=2&uid=junly&site=cntaobao&s=1   注意把"junly"替换为自己的旺旺id
5 点击确定,保存,看看效果吧!
6 qq的过程和上面一样,不过图片的链接为http://wpa.qq.com/msgrd?V=1&Uin=334057741&Site=淘宝导购网&Menu=yes
注意把334057741替换为自己的qq号码
代码:(直接放到HTML文件中就可以运行哟!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标移到链接出现漂亮的对话框效果_IT知道网 itwis.com</title>
<script type="text/javascript">
function enableTooltips(id){
var links,i,h;
if(!document.getElementById || !document.getElementsByTagName) return;
AddCss();
h=document.createElement("span");
h.id="btc";
h.setAttribute("id","btc");
h.style.position="absolute";
document.getElementsByTagName("body")[0].appendChild(h);
if(id==null) links=document.getElementsByTagName("a");
else links=document.getElementById(id).getElementsByTagName("a");
for(i=0;i<links.length;i++){
Prepare(links[i]);
}
}function Prepare(el){
var tooltip,t,b,s,l;
t=el.getAttribute("title");
if(t==null || t.length==0) t="link:";
el.removeAttribute("title");
tooltip=CreateEl("span","tooltip");
s=CreateEl("span","top");
s.appendChild(document.createTextNode(t));
tooltip.appendChild(s);
b=CreateEl("b","bottom");
l=el.getAttribute("href");
if(l.length>30) l=l.substr(0,27)+"...";
b.appendChild(document.createTextNode(l));
tooltip.appendChild(b);
setOpacity(tooltip);
el.tooltip=tooltip;
el.onmouseover=showTooltip;
el.onmouseout=hideTooltip;
el.onmousemove=Locate;
}function showTooltip(e){
document.getElementById("btc").appendChild(this.tooltip);
Locate(e);
}function hideTooltip(e){
var d=document.getElementById("btc");
if(d.childNodes.length>0) d.removeChild(d.firstChild);
}function setOpacity(el){
el.style.filter="alpha(opacity:95)";
el.style.KHTMLOpacity="0.95";
el.style.MozOpacity="0.95";
el.style.opacity="0.95";
}function CreateEl(t,c){
var x=document.createElement(t);
x.className=c;
x.style.display="block";
return(x);
}function AddCss(){
var l=CreateEl("link");
l.setAttribute("type","text/css");
l.setAttribute("rel","stylesheet");
l.setAttribute("href","?.css");
l.setAttribute("media","screen");
document.getElementsByTagName("head")[0].appendChild(l);
}function Locate(e){
var posx=0,posy=0;
if(e==null) e=window.event;
if(e.pageX || e.pageY){
posx=e.pageX; posy=e.pageY;
}
else if(e.clientX || e.clientY){
if(document.documentElement.scrollTop){
posx=e.clientX+document.documentElement.scrollLeft;
posy=e.clientY+document.documentElement.scrollTop;
}
else{
posx=e.clientX+document.body.scrollLeft;
posy=e.clientY+document.body.scrollTop;
}
}
document.getElementById("btc").style.top=(posy+10)+"px";
document.getElementById("btc").style.left=(posx-20)+"px";
}
</script>
<script type="text/javascript">
window.onload=function(){enableTooltips()};
</script>
<style type="text/css">
body{font: 76%/1.5 Arial,sans-serif;background: #FFF;color: #333}
div#container{width: 500px;margin:0 auto}
h1{color: #3CA3FF;margin: 1em 0 0;letter-spacing: -2px}
p{margin: 0 0 1.7em}
a{color: #F60;font-weight:bold}
a:hover{color: #F00}
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}.tooltip span.top{padding: 30px 8px 0;
background: url(/upimg/userup/0811/0G05645B58.gif)
c618
no-repeat top}.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
background: url(/upimg/userup/0811/0G05645B58.gif) no-repeat bottom}
</style>
</head>
<body>
<div id="container">
<p><a href="" title="打造主流程序开发、网络应用、资源共享、电脑技术资讯站">IT知道网--</a></p>
</div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  qq