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 相关文章推荐
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
javascript跨域刷新实现代码
Jan 01 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
页面内锚点定位及跳转方法总结(推荐)
Apr 24 Javascript
javascript实现下拉菜单效果
Feb 09 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下删除一篇文章生成的多个静态页面
2010/08/08 PHP
详解PHP归并排序的实现
2016/10/18 PHP
thinkphp的dump函数无输出实例代码
2016/11/15 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
js getElementsByTagName的简写方式
2010/06/27 Javascript
jquery remove方法应用详解
2012/11/22 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
Python从数据库读取大量数据批量写入文件的方法
2018/12/10 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
深入解析神经网络从原理到实现
2019/07/26 Python
Python 硬币兑换问题
2019/07/29 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
党员一帮一活动总结
2014/07/08 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS