js跟随滚动条滚动浮动代码


Posted in Javascript onDecember 31, 2009
var str="客服"; 
var objFT=new FloatT("FloatMenu1",str,942,137,125,200,80,10); 
objFT.FloatRun(); 
//js跟随滚动条滚动 浮动 
//pObjName:html 元素ID 
//pText:html 元素内容 
//其它自己看 
function FloatT(pObjName,pText,pstmnLEFT,pstmnGAP1,pstmnGAP2,pstmnBASE,pstmnActivateSpeed,pstmnScrollSpeed) 
{ 
var FloatMenu; 
var stmnLEFT = pstmnLEFT; 
var stmnGAP1 = pstmnGAP1; 
var stmnGAP2 = pstmnGAP2; 
var stmnBASE = pstmnBASE; 
var stmnActivateSpeed = pstmnActivateSpeed; 
var stmnScrollSpeed = pstmnScrollSpeed; 
this.FloatRun=function(pObjName) 
{ 
var newDiv=document.createElement("div"); 
newDiv.id=pObjName; 
newDiv.innerHTML=pText; 
newDiv.style.position="absolute"; 
document.body.appendChild(newDiv); 
FloatMenu=document.getElementById(pObjName); 
FloatMenu.style.display==""; 
FloatMenu.style.top = document.documentElement.scrollTop + stmnBASE+"px"; 
FloatMenu.style.left = stmnLEFT+"px"; 
RefreshStaticMenu(); 
} 
RefreshStaticMenu=function() 
{ 
var stmnStartPoint,stmnEndPoint,stmnRefreshTimer; 
stmnStartPoint = parseInt(FloatMenu.style.top, 10); 
stmnEndPoint = document.documentElement.scrollTop + stmnGAP2; 
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1; 
if(stmnStartPoint != stmnEndPoint) 
{ 
stmnScrollAmount = Math.ceil(Math.abs(stmnEndPoint - stmnStartPoint) / 15 ); 
FloatMenu.style.top = parseInt(FloatMenu.style.top, 10) + ((stmnEndPoint<stmnStartPoint) ? -stmnScrollAmount : stmnScrollAmount)+"px"; 
stmnRefreshTimer = stmnScrollSpeed; 
} 
else 
{ 
stmnRefreshTimer = stmnActivateSpeed; 
} 
setTimeout("RefreshStaticMenu();", stmnRefreshTimer); 
} 
}
Javascript 相关文章推荐
JavaScript脚本性能优化注意事项
Nov 18 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
JS给超链接加确认对话框的方法
Feb 24 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
vue解决跨域问题(推荐)
Nov 10 Javascript
Javascript的匿名函数小结
Dec 31 #Javascript
JavaScript 对Cookie 操作的封装小结
Dec 31 #Javascript
Javascript的闭包
Dec 31 #Javascript
javascript Onunload与Onbeforeunload使用小结
Dec 31 #Javascript
JavaScript 常用函数
Dec 30 #Javascript
jQuery的三种$()
Dec 30 #Javascript
jquery UI 1.72 之datepicker
Dec 29 #Javascript
You might like
php文件缓存类用法实例分析
2015/04/22 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
php实现用户登陆简单实例
2017/04/04 PHP
List all the Databases on a SQL Server
2007/06/21 Javascript
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
轻松实现js选项卡切换效果
2016/09/24 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
JSON字符串和JSON对象相互转化实例详解
2017/01/05 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
[01:44]Ti10举办地公布
2019/08/25 DOTA
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
Python Pivot table透视表使用方法解析
2020/09/11 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
翻译学院毕业生自荐书
2014/02/02 职场文书
一名老师的自我评价
2014/02/07 职场文书
工作过失检讨书
2014/02/23 职场文书
认购协议书范本
2014/04/22 职场文书
企业2014年度工作总结
2014/12/10 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
Windows11性能真的上涨35%? 桌面酷睿i9实测结果公开
2021/11/21 数码科技