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 相关文章推荐
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
jquery实现树形二级菜单实例代码
Nov 20 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
Nov 04 Javascript
JavaScript 变量、作用域及内存
Apr 08 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
jquery实现掷骰子小游戏
Oct 24 jQuery
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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 程序授权验证开发思路
2009/07/09 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
点图片上一页下一页翻页效果
2008/07/09 Javascript
用户注册常用javascript代码
2009/08/29 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
jQuery 中DOM 操作详解
2015/01/13 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
python3.6连接mysql数据库及增删改查操作详解
2020/02/10 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
英国100%防污和防水的靴子:Muck Boot Company
2020/09/08 全球购物
售后服务科岗位职责范文
2013/11/13 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
歌唱比赛主持词
2014/03/18 职场文书
学习十八大演讲稿
2014/09/15 职场文书
优秀教研组申报材料
2014/12/26 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
2019中秋节祝福语大全,提前收藏啦
2019/09/10 职场文书
python实现简单聊天功能
2021/07/07 Python
Redis超详细讲解高可用主从复制基础与哨兵模式方案
2022/04/07 Redis