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 left,right,mid函数
Jun 10 Javascript
jQuery 动画弹出窗体支持多种展现方式
Apr 29 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Jan 22 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
May 06 Javascript
layui获取多选框中的值方法
Aug 15 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 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
PHP5 安装方法
2007/01/15 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
php自定义hash函数实例
2015/05/05 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
js转义字符介绍
2013/11/05 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
使用python实现接口的方法
2017/07/07 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
Python实现进程同步和通信的方法
2018/01/02 Python
wx.CheckBox创建复选框控件并响应鼠标点击事件
2018/04/25 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
python实现文字版扫雷
2020/04/24 Python
Python基于traceback模块获取异常信息
2020/07/23 Python
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
易程科技软件测试笔试
2013/03/24 面试题
爱情检讨书大全
2014/01/21 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
周年庆典主持词
2014/04/02 职场文书
个人委托书怎么写
2014/04/04 职场文书
婚庆公司计划书
2014/09/15 职场文书
办公用房租赁协议书
2014/11/29 职场文书
七一建党节慰问信
2015/02/14 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
涨价通知
2015/04/23 职场文书
vue递归实现树形组件
2022/07/15 Vue.js