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获取网站Alexa排名的代码
Dec 12 Javascript
JavaScript中实现块作用域的方法
Apr 01 Javascript
JQuery UI的拖拽功能实现方法小结
Mar 14 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
浅谈ES6新增的数组方法和对象
Aug 08 Javascript
JS中的Replace()传入函数时的用法详解
Sep 11 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
Jan 23 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 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技巧与注意事项分析
2011/02/03 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
基于命令行执行带参数的php脚本并取得参数的方法
2016/01/25 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
PHP判断用户是否已经登录(跳转到不同页面或者执行不同动作)
2016/09/22 PHP
php 防止表单重复提交两种实现方法
2016/11/03 PHP
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
Bootstrap基础学习
2015/06/16 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
使用 Node.js 对文本内容分词和关键词抽取
2017/05/27 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
Nodejs + Websocket 指定发送及群聊的实现
2020/01/09 NodeJs
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
Python匹配中文的正则表达式
2016/05/11 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
python 使用socket传输图片视频等文件的实现方式
2019/08/07 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
python 实现两个线程交替执行
2020/05/02 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
招聘单位介绍信
2014/01/14 职场文书
争先创优活动总结
2014/08/27 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
Python利用capstone实现反汇编
2022/04/06 Python