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
Jun 05 Javascript
JQuery live函数
Dec 24 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 Javascript
JavaScript对内存分配及管理机制详细解析
Nov 11 Javascript
常用的jQuery前端技巧收集
Dec 24 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
vue使用watch 观察路由变化,重新获取内容
Mar 08 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
基于JS实现一个随机生成验证码功能
May 29 Javascript
vue与django集成打包的实现方法
Nov 11 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 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中显示格式化的用户输入
2006/10/09 PHP
php intval的测试代码发现问题
2008/07/27 PHP
php中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
PHP文件读取功能的应用实例
2015/05/08 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
js 数值项目的格式化函数代码
2010/05/14 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
详解Nodejs内存治理
2018/05/13 NodeJs
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
老生常谈Python序列化和反序列化
2017/06/28 Python
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
python实现随机梯度下降法
2020/03/24 Python
Python文件常见操作实例分析【读写、遍历】
2018/12/10 Python
python实现彩色图转换成灰度图
2019/01/15 Python
python添加菜单图文讲解
2019/06/04 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Python爬虫实现HTTP网络请求多种实现方式
2020/06/19 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
汇智创新科技发展有限公司
2015/12/06 面试题
师范应届生教师求职信
2013/11/05 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书