如何在网页中实现单击链接弹出对话窗口
www.baidu/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&Menu=yes">...</a>,这样经常带来两个问题:
1.弹出qq登录窗口(我们已经登录了),问题的原因是没有启动(网上说这个进程没什么用,所以我禁用了)
2.弹出“您需要添加对方为好友,才能给对方发送回话消息”的提示(明明对方qq系统设置里允许接收临时会话的),要解决这个问题需要登录wp.qq为您的qq设置专用链接,而不是类似href="tencent://message/?uin=qq号码&Site=JooIT&Menu=yes" 的链接
当然也有其他一些破解的办法(例如:href=" tencent://message/?uin=qq号&Service=0&sigT=c91aed75f6ce89f7fc95efcb07ae5b66d396e37bb891ba96bf7a544943a82b887bf5289cfc75d7b8406d9"),但是怕腾讯不知道哪天就把这些Bug解决了你的连接就又没用了。
网页中直接调用MSN聊天对话框
点击执行如下图:
确定后:
本文地址:www.bhcode/article/20081230/3810.html
在网页嵌入QQ+MSN++Gtalk快速对话框官方代码的方法
1.如何在网页上显示腾讯QQ在线洽谈?
(将123456换成你的号码,site后面换成你的网站就可以了)
<a target="blank" href="wpa.qq/msgrd?V=1&Uin=664614846&Site=孚网&Menu=yes"><img border="0" SRC=wpa.qq/pa?p=1:664614846:6 alt="点击这里给我发消息" align="absmiddle"></a>
更多的生成显示QQ在线状态的代码,请查看腾讯
imis.qq/webpresence/code.shtml
你只需要填写你的号码,网站名称以及提示就可以点击生成就可以生成QQ在线状态的代码,拷贝生成的代码加入网页即可
2.阿里旺旺贸易通版
<a target="_blank" href="amos.im.alisoft/msg.aw?v=2&uid=hongtaiwater&site=cnalichn&s=2" ><img border="0" src="amos.im.
2.阿里旺旺贸易通版
<a target="_blank" href="amos.im.alisoft/msg.aw?v=2&uid=hongtaiwater&site=cnalichn&s=2" ><img border="0" src="amos.im.
alisoft/online.aw?v=2&uid=hongtaiwater&site=cnalichn&s=2" alt="点击这里给我发消息" /></a>
更多的阿里旺旺贸易通版在线状态代码生成样式
alitalk.alibaba/tese/index.html
3、阿里旺旺淘宝版在线代码生成
<a target="_blank" href="amos.im.alisoft/msg.aw?v=2&uid=ddddddd&site=cntaobao&s=1&charset=utf-8" ><img border="0" src="amos.im.alisoft/online.aw?v=2&uid=ddddddd&site=cntaobao&s=1&charset=utf-8" alt="点击这里给我发消息" /></a>
更多的阿里旺旺淘宝版在线状态代码生成样式
www.taobao/wangwang/tese/index.php
4、skype在线状态代码生成
alitalk.alibaba/tese/index.html
3、阿里旺旺淘宝版在线代码生成
<a target="_blank" href="amos.im.alisoft/msg.aw?v=2&uid=ddddddd&site=cntaobao&s=1&charset=utf-8" ><img border="0" src="amos.im.alisoft/online.aw?v=2&uid=ddddddd&site=cntaobao&s=1&charset=utf-8" alt="点击这里给我发消息" /></a>
更多的阿里旺旺淘宝版在线状态代码生成样式
www.taobao/wangwang/tese/index.php
4、skype在线状态代码生成
将worldshop668换成你的skype ID就可以了,需要在skype个人账户里设置对任何人显示状态
<a href="skype:worldshop668?call" on-click="return skypeCheck();"><img src=mystatus.skype/smallclassic/worldshop668 alt="Call me!" /></a>
更多的skype在线状态代码生成样式,请查看skype的
www.skype/share/buttons/
5、如何生成MSN在线状态代码
MSN从7.5开始加入了命令行控制,你可以在网页中加入“与我交谈”这样的按钮了,访问者点击就可以直接用他的MSN与你对话,代码是:
建立对话:msnim:chat?contact=[邮件地址]
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">与我交谈</a>
<a href="msnim:add?contact=yourname@hotmail">加我为好友</a>
6、百度 HI 聊天工具的代码:很简单的
语音聊天:msnim:voice?contact=[邮件地址]
视频聊天:msnim:video?contact=[邮件地址]
用的时候把[邮件地址]写成你的MSN账号,不要方括号,用链接即可,如
<a href="msnim:chat?contact=yourname@hotmail">与我交谈</a>
<a href="msnim:add?contact=yourname@hotmail">加我为好友</a>
6、百度 HI 聊天工具的代码:很简单的
<a href="baidu://message/?id=mengzhisui"><img src="tieba.baidu/tb/img/hi/hiOnline.gif"></a>
把 ID=mengzhisui 换成你自己的往往ID就可以了
下面是我在我的淘宝中放的代码:
<a target="_blank" href="amos.im.alisoft/msg.aw?v=2&uid=声音海洋&site=cntaobao&s=1&charset=utf-8" >
<img border="0" src="amos.im.alisoft/online.aw?v=2&uid=celia_zhou1&site=cntaobao&s=1&charset=utf-8" alt="有问题随时都可以M我哦" width="119" height="30" /></a>
<img border="0" src="amos.im.alisoft/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>
<font size="4" color="#008000">的MSN</font></a></font><font size="4"> </font>
</p>
<p><a href="wpa.qq/msgrd?V=1&Uin=664614846&Site=a-hai&Menu=yes">
<font color="#008000" size="4" face="Comic Sans MS">的QQ</font></a></p>
<a target=_blank href="scs1.sh1.china.alibaba/msg.atc?v=1&uid=jbexpress">
<img border=0 src="scs1.sh1.china.alibaba/online.atc?v=1&uid=jbexpress&s=2" alt="店家在等你哦" align="absmiddle" width="138" height="35"></a>
大家可以把这个粘贴的时候点击后面的代码,然后预览效果就可以了!
你好,最简单的方法,做超链接。
如何在网页中添加QQ和阿里旺旺.
1从我的网站右下角把qq交谈的图片和旺旺的图片保存到自己的机器上
2 创建一个自定义栏目
3 在自定义栏目编辑中选中 :插入图片,选择第一步保存的旺旺的图片
4 选择上传的图片,点击插入链接
在链接地址中把下面的链接copy进去:amos1.taobao/msg.ww?v=2&uid=junly&site=cntaobao&s=1 注意把"junly"替换为自己的旺旺id
5 点击确定,保存,看看效果吧!
6 qq的过程和上面一样,不过图片的链接为wpa.qq/msgrd?V=1&Uin=334057741&Site=淘宝导购网&Menu=yes
注意把334057741替换为自己的qq号码
代码:(直接放到HTML文件中就可以运行哟!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标移到链接出现漂亮的对话框效果_IT知道网 itwis</title>
<script type="text/javascript">
function enableTooltips(id){
var links,i,h;
if(!ElementById || !ElementsByTagName) return;
AddCss();
ateElement("span");
h.id="btc";
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标移到链接出现漂亮的对话框效果_IT知道网 itwis</title>
<script type="text/javascript">
function enableTooltips(id){
var links,i,h;
if(!ElementById || !ElementsByTagName) return;
AddCss();
ateElement("span");
h.id="btc";
h.setAttribute("id","btc");
h.style.position="absolute";
ElementsByTagName("body")[0].appendChild(h);
if(id==null) ElementsByTagName("a");
else ElementById(id).getElementsByTagName("a");
for(i=0;i<links.length;i++){
Prepare(links[i]);
}
}function Prepare(el){
var tooltip,t,b,s,l;
Attribute("title");
if(t==null || t.length==0) t="link:";
el.removeAttribute("title");
tooltip=CreateEl("span","tooltip");
s=CreateEl("span","top");
h.style.position="absolute";
ElementsByTagName("body")[0].appendChild(h);
if(id==null) ElementsByTagName("a");
else ElementById(id).getElementsByTagName("a");
for(i=0;i<links.length;i++){
Prepare(links[i]);
}
}function Prepare(el){
var tooltip,t,b,s,l;
Attribute("title");
if(t==null || t.length==0) t="link:";
el.removeAttribute("title");
tooltip=CreateEl("span","tooltip");
s=CreateEl("span","top");
腾讯客服qqs.ateTextNode(t));
tooltip.appendChild(s);
b=CreateEl("b","bottom");
Attribute("href");
if(l.length>30) l=l.substr(0,27)+"...";
b.ateTextNode(l));
tooltip.appendChild(b);
setOpacity(tooltip);
el.tooltip=tooltip;
el.onmouseover=showTooltip;
el.onmouseout=hideTooltip;
el.onmousemove=Locate;
}function showTooltip(e){
ElementById("btc").ltip);
Locate(e);
tooltip.appendChild(s);
b=CreateEl("b","bottom");
Attribute("href");
if(l.length>30) l=l.substr(0,27)+"...";
b.ateTextNode(l));
tooltip.appendChild(b);
setOpacity(tooltip);
el.tooltip=tooltip;
el.onmouseover=showTooltip;
el.onmouseout=hideTooltip;
el.onmousemove=Locate;
}function showTooltip(e){
ElementById("btc").ltip);
Locate(e);
}function hideTooltip(e){
var ElementById("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 ateElement(t);
x.className=c;
x.style.display="block";
return(x);
}function AddCss(){
var l=CreateEl("link");
var ElementById("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 ateElement(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");
ElementsByTagName("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;
l.setAttribute("rel","stylesheet");
l.setAttribute("href","?.css");
l.setAttribute("media","screen");
ElementsByTagName("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;
}
}
ElementById("btc").p=(posy+10)+"px";
ElementById("btc").style.left=(posx-20)+"px";
}
</script>
<script type="text/javascript">
load=function(){enableTooltips()};
</script>
<style type="text/css">
body{font: 76%/1.5 Arial,sans-serif;background: #FFF;color: #333}
else{
posx=e.clientX+document.body.scrollLeft;
posy=e.clientY+document.body.scrollTop;
}
}
ElementById("btc").p=(posy+10)+"px";
ElementById("btc").style.left=(posx-20)+"px";
}
</script>
<script type="text/javascript">
load=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}.p{padding: 30px 8px 0;
background: url(/upimg/userup/0811/0G05645B58.gif) 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>
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}.p{padding: 30px 8px 0;
background: url(/upimg/userup/0811/0G05645B58.gif) 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>
<p><a href="" title="打造主流程序开发、网络应用、资源共享、电脑技术资讯站">IT知道网--</a></p>
</div>
</body>
</html>
发布评论