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 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
Apr 24 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 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和ACCESS写聊天室(十)
2006/10/09 PHP
PHP实现微信图片上传到服务器的方法示例
2017/06/29 PHP
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
js中的数组Array定义与sort方法使用示例
2013/08/29 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
JS中Location使用详解
2015/05/12 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
nodejs的压缩文件模块archiver用法示例
2017/01/18 NodeJs
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
Angular 4.x 动态创建表单实例
2017/04/25 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
angular inputNumber指令输入框只能输入数字的实现
2019/12/03 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
Python map及filter函数使用方法解析
2020/08/06 Python
Python requests接口测试实现代码
2020/09/08 Python
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
营销与策划专业毕业生求职信
2013/11/01 职场文书
仓库管理制度
2014/01/21 职场文书
爱情保证书范文
2014/02/01 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
毕业班联欢会主持词
2014/03/27 职场文书
小学数学课后反思
2014/04/23 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
护理见习报告范文
2014/11/03 职场文书
2015年秋季小班开学寄语
2015/05/27 职场文书
Redis 彻底禁用RDB持久化操作
2021/07/09 Redis