如何将 Skype 嵌入网页

如何将 Skype 嵌入网页,第1张

第一次使用,skype嵌入网页,还真是没有类似微博那么简单,不过功能很强大

Html代码:

<div id="skype" style="position: absolutetext-align: righttop:200pxwidth: 100%">

<a href="skype:david_tompeng?call">

<img src="http://mystatus.skype.com/smallclassic/david_tompeng" style="border: none" alt="My status" />

</a>

</div>

不能浮动,加个js

<script>

$.fn.smartFloat = function() {

var position = function(element) {

var top = element.position().top//当前元素对象element距离浏览器上边缘的距离

var pos = element.css("position")//当前元素距离页面document顶部的距离

$(window).scroll(function() { //侦听滚动

var scrolls = $(this).scrollTop()

if (scrolls >top) { //如果滚动到页面超出了当前元素element的相对页面顶部的高度

if (window.XMLHttpRequest) { //如果不是ie6

element.css({ //设置css

position: "fixed", //固定定位,即不再跟随滚动

top: 200 //距离页面顶部为0

}).addClass("shadow")//加上阴影样式.shadow

} else { //如果是ie6

element.css({

top: scrolls //与页面顶部距离

})

}

}else {

element.css({ //如果当前元素element未滚动到浏览器上边缘,则使用默认样式

position: pos,

top: top

}).removeClass("shadow")//移除阴影样式.shadow

}

})

}

return $(this).each(function() {

position($(this))

})

}

$(function(){

$("#skype").smartFloat()

})

</script>

不要忘记引入检测代码

<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>

MSN在线聊天代码

A href="msnim:[email protected]" target=blank alt='MSN聊天'MSN聊天/A

SKYPE SDK

feikeq改为你的ID

a href="skype:feikeq?chat" onclick="return skypeCheck()"开始 Skype 文字聊天

a href="skype:feikeq?userinfo" onclick="return skypeCheck()"查看 Skype 资料

a href="skype:feikeq?add" onclick="return skypeCheck()"添加到 Skype 联系人列表

a href="skype:feikeq?call" onclick="return skypeCheck()"开始 Skype 语音呼叫

a href="skype:feikeq?voicemail" onclick="return skypeCheck()"使用 Skype 发送语音邮件

a href="skype:feikeq?sendfile" onclick="return skypeCheck()"使用 Skype 发送文件

Skype网页版怎么用,如何登陆?很简单的,下面我们一起来看一下。

01

使用搜狗搜索,输入Skype,然后点击打开官方网站的。

02

来到官网首页,点击下方的‘登录Skype网页版’。

03

在这个登录页面,先输入自己的Skype账号,点击下一步。

04

接着输入密码,点击登录按钮就可以了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11543148.html

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

发表评论

登录后才能评论

评论列表(0条)

保存