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 相关文章推荐
跨域请求之jQuery的ajax jsonp的使用解惑
Oct 09 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 Javascript
javascript实现分栏显示小技巧附图
Oct 13 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
jQuery each函数源码分析
May 25 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 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木马攻击防御之道
2008/03/24 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
IE中getElementsByName()对有些元素无效的解决方案
2014/09/28 Javascript
javascript中通过arguments参数伪装方法重载
2014/10/08 Javascript
JavaScript开发人员的10个关键习惯小结
2014/12/05 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
超级实用的8个Python列表技巧
2020/08/24 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
英国领先的运动营养品牌:Protein Dynamix
2018/01/02 全球购物
五年级学生评语
2014/04/22 职场文书
暑假学习心得体会
2014/09/02 职场文书
个人租房协议书
2014/11/28 职场文书
付款承诺函范文
2015/01/21 职场文书
鸡毛信观后感
2015/06/11 职场文书
感恩教育观后感
2015/06/17 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python