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 相关文章推荐
用jscript实现新建和保存一个word文档
Jun 15 Javascript
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 Javascript
jquery调用asp.net 页面后台的实现代码
Apr 27 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 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 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
利用PHP实现图片等比例放大和缩小的方法详解
2013/06/06 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
javascript测试题练习代码
2012/10/10 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
js opener的使用详解
2014/01/11 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
2014/12/13 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
2017/12/06 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
python的id()函数介绍
2013/02/10 Python
python实现图书管理系统
2018/03/12 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
python中str内置函数用法总结
2020/12/27 Python
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
简短大学毕业感言
2014/01/18 职场文书
商场促销活动总结
2014/07/10 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
学习优秀共产党员先进事迹思想报告
2014/09/17 职场文书
远程教育培训心得体会
2016/01/09 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
python基础之函数的定义和调用
2021/10/24 Python
postgresql中如何执行sql文件
2023/05/08 PostgreSQL