繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 可浮动QQ在线客服
- Javascript
- 用javascript实现的图片马赛克后显示并切换加文字功能
- 通用的javascript 换行色换列色的小js
- 滑动门,简洁,新手上路制作篇 (小鸽子系列)
- 文字模糊特效
- javascript实现的又一个不错的滑动导航效果
- css实现的图片模糊效果
- javascript跟随鼠标x,y坐标移动的字效果
- js实现用于建立新的一行且增加的四个文本框为空的且被禁用
- XML+XSL 与 HTML 两种方案的结合
- javascript生成/解析dom的CDATA类型的字段的代码
- IE与FireFox的兼容性问题分析
- 关于脚本操作文本域的问题
- 刷新时清空文本框内容的js代码
- 又一个不错的js浮动广告代码
- 网页背景渐变效果代码
- 非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）
- [原创]jser必看的破解javascript各种加密的反向思维方法
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- 从sohu弄下来的flash中展示图片的代码
- 漂亮的widgets，支持换肤和后期开发新皮肤（2007-4-27已更新1.7alpha）
Javascript 中的 可浮动QQ在线客服
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 841 ::
收藏到网摘: n/a
比较漂亮的qq在线客服代码，推荐使用
复制代码 代码如下:
(function(){
QQMenuInt=_QQMenuInt;
moveQQmenu=_moveQQmenu;
function _QQMenuInt(){
QQMenu.style.position="absolute";
QQMenu.style.display="";
if(parseInt(document.documentElement.offsetWidth)>1024){
QQMenuPosition.Left+=(parseInt(document.documentElement.offsetWidth)-1024-20);
}
if(QQMenuPosition.isRight){
QQMenu.style.right=QQMenuPosition.Left+"px";
}else{
QQMenu.style.left=QQMenuPosition.Left+"px";
}
QQMenu.style.top=QQMenuPosition.Top+"px";
moveQQmenu();
}
function _moveQQmenu(){
var from=parseInt(QQMenu.style.top,10);
var yOffset;
var to=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop;
to=to+QQMenuPosition.Top;
if(to!=from){
yOffset = Math.ceil(Math.abs(to-from)/20);
if(to<from)yOffset=-yOffset;
var oldTop=parseInt(QQMenu.style.top,10);
QQMenu.style.top=(oldTop+yOffset)+"px";
}
if(QQMenu.style.display!="none"){
window.setTimeout("moveQQmenu()",QQMenuPosition.timeout);
}
}
})()
使用方法：
1、引入上面的js
2、在页面的最后面加上
复制代码 代码如下:
<script type="text/javascript">
var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10}
var QQMenu=document.getElementById("QQMenu");
QQMenuInt();
</script>
QQMenu为漂浮层的最外层ID
QQMenuPosition是设置漂浮层相关参数
Left:层相对于左侧的偏移量。如果isRight为true则是相对于右侧的偏移量
Top:层相对于顶部的偏移量
timeout:层移动时间间隔，越大越慢
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
打包下载
评论 (0) All
