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 parseInt与Number函数的区别
Jan 21 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
前端性能优化及技巧
May 06 Javascript
值得分享的bootstrap table实例
Sep 22 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
vue移动端路由切换实例分析
May 14 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
ES5新增数组的实现方法
May 12 Javascript
vue style width a href动态拼接问题的解决
Aug 07 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
Syphon 秘笈
2021/03/03 冲泡冲煮
php实现用于删除整个目录的递归函数
2015/03/16 PHP
php常用表单验证类用法实例
2015/06/18 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
浅谈NodeJS中require路径问题
2015/05/07 NodeJs
js获取字符串字节数方法小结
2015/06/09 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
深入浅出学习python装饰器
2017/09/29 Python
浅谈Python2获取中文文件名的编码问题
2018/01/09 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
详解python的argpare和click模块小结
2019/03/31 Python
修改 CentOS 6.x 上默认Python的方法
2019/09/06 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
年度考核自我评价
2014/01/25 职场文书
给市场的环保建议书
2014/05/14 职场文书
天猫活动策划方案
2014/08/21 职场文书
2015年国庆节活动总结
2015/03/23 职场文书
销售合作意向书范本
2015/05/08 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers
在 Python 中利用 Pool 进行多线程
2022/04/24 Python