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与asp.net(c#)互相调用方法
Dec 13 Javascript
JavaScript 原型与继承说明
Jun 09 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
javascript使用isNaN()函数判断变量是否为数字
Sep 21 Javascript
javascript修改表格背景色实例代码分享
Dec 10 Javascript
extjs 时间范围选择自动判断的实现代码
Jun 24 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
vue.js实现单选框、复选框和下拉框示例
Jul 18 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
Vue3实现简易音乐播放器组件
Aug 14 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排序算法类实例
2015/06/17 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
javascript 学习之旅 (1)
2009/02/05 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
2014/01/26 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
react-router中的属性详解
2017/06/01 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
uni-app使用微信小程序云函数的步骤示例
2020/05/22 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
为Python程序添加图形化界面的教程
2015/04/29 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
python让列表倒序输出的实例
2018/06/25 Python
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
财务与信息服务专业推荐信
2013/11/28 职场文书
长辈证婚人证婚词
2014/01/09 职场文书
四年级下册教学反思
2014/02/01 职场文书
党员岗位承诺口号大全
2014/03/28 职场文书
创业女性典型材料
2014/05/02 职场文书
防灾减灾活动总结
2014/08/30 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL
oracle索引总结
2021/09/25 Oracle
JS数组去重详情
2021/11/07 Javascript