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中的数组Array定义与sort方法使用示例
Aug 29 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
VUE实现日历组件功能
Mar 13 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
js中的闭包学习心得
Feb 06 Javascript
JavaScript实现简单轮播图效果
Dec 01 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
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
巧用canvas
2017/01/21 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
jQuery简单绑定单个事件的方法示例
2017/06/10 jQuery
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
python解析xml文件实例分享
2013/12/04 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
python dict 相同key 合并value的实例
2019/01/21 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
pytorch中的inference使用实例
2020/02/20 Python
如何在sublime编辑器中安装python
2020/05/20 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
日本航空官方网站:JAL
2019/06/19 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
《理想的风筝》教学反思
2014/04/11 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
2014年教研工作总结
2014/12/06 职场文书
2015年工商所工作总结
2015/05/21 职场文书
趣味运动会赞词
2015/07/22 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
Python List remove()实例用法详解
2021/08/02 Python
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers