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 SHA-1:Secure Hash Algorithm
Dec 20 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
javascript scrollTop正解使用方法
Nov 14 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
深入理解Vue的数据响应式
May 15 Vue.js
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中的字符串函数
2006/11/24 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
PHP钩子实现方法解析
2019/05/21 PHP
jquery 插件 人性化的消息显示
2008/01/21 Javascript
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
JQuery处理json与ajax返回JSON实例代码
2014/01/03 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
2014/06/02 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
2017/06/09 jQuery
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
在Python的Django框架中使用通用视图的方法
2015/07/21 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
大四学年自我鉴定
2013/11/13 职场文书
集团公司人力资源部岗位职责
2014/01/03 职场文书
摄影专业毕业生求职信
2014/03/13 职场文书
迎新生欢迎词
2015/01/23 职场文书
员工聘用合同范本
2015/09/21 职场文书