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 相关文章推荐
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
javascript从右边截取指定字符串的三种实现方法
Nov 29 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
vue 取出v-for循环中的index值实例
Nov 09 Javascript
浅谈node.js中间件有哪些类型
Apr 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
coreseek 搜索英文的问题详解
2013/06/08 PHP
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
php自动加载autoload机制示例分享
2014/02/20 PHP
php实现文件下载代码分享
2014/08/19 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
python中的lambda表达式用法详解
2016/06/22 Python
Python3处理HTTP请求的实例
2018/05/10 Python
浅谈Python的list中的选取范围
2018/11/12 Python
Django Celery异步任务队列的实现
2019/07/24 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
Pycharm github配置实现过程图解
2020/10/13 Python
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
共筑中国梦演讲稿
2014/04/23 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
单位授权委托书范本
2014/09/26 职场文书
党建工作汇报材料
2014/12/24 职场文书
虚拟机linux端mysql数据库无法远程访问的解决办法
2021/05/26 MySQL
CentOS MySql8 远程连接实战
2022/04/19 MySQL
python中 Flask Web 表单的使用方法
2022/05/20 Python