js跟隨滾動(dòng)條滾動(dòng)浮動(dòng)代碼
更新時(shí)間:2009年12月31日 19:53:39 作者:
js跟隨滾動(dòng)條滾動(dòng)浮動(dòng)代碼,對(duì)于firefox不兼容。
復(fù)制代碼 代碼如下:
var str="客服";
var objFT=new FloatT("FloatMenu1",str,942,137,125,200,80,10);
objFT.FloatRun();
//js跟隨滾動(dòng)條滾動(dòng) 浮動(dòng)
//pObjName:html 元素ID
//pText:html 元素內(nèi)容
//其它自己看
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);
}
}
您可能感興趣的文章:
- 兼容多瀏覽器的JS 浮動(dòng)廣告[推薦]
- js浮動(dòng)圖片的動(dòng)態(tài)效果
- JavaScript實(shí)現(xiàn)網(wǎng)頁上的浮動(dòng)廣告的簡(jiǎn)單方法
- js 創(chuàng)建一個(gè)浮動(dòng)div的代碼
- javascript實(shí)現(xiàn)10個(gè)球隨機(jī)運(yùn)動(dòng)、碰撞實(shí)例詳解
- javascript制作游戲開發(fā)碰撞檢測(cè)的封裝代碼
- JavaScript拖拽、碰撞、重力及彈性運(yùn)動(dòng)實(shí)例分析
- js實(shí)現(xiàn)碰撞檢測(cè)特效代碼分享
- JS碰撞運(yùn)動(dòng)實(shí)現(xiàn)方法詳解
- JS實(shí)現(xiàn)小球的彈性碰撞效果
- JS實(shí)現(xiàn)簡(jiǎn)單的浮動(dòng)碰撞效果示例
相關(guān)文章
在Html中使用Requirejs進(jìn)行模塊化開發(fā)實(shí)例詳解
在前端模塊化的時(shí)候,不僅僅是js需要進(jìn)行模塊化管理,html有時(shí)候也需要模塊化管理。這里就介紹下如何通過requirejs,實(shí)現(xiàn)html代碼的模塊化開發(fā)2016-04-04JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02js仿微博實(shí)現(xiàn)統(tǒng)計(jì)字符和本地存儲(chǔ)功能
這篇文章主要介紹了js仿微博實(shí)現(xiàn)統(tǒng)計(jì)字符和本地存儲(chǔ)功能的相關(guān)資料,需要的朋友可以參考下2015-12-12微信小程序?qū)崿F(xiàn)保存圖片到相冊(cè)功能
項(xiàng)目中有個(gè)保存二維碼到相冊(cè)的功能,所以涉及到用戶是否授權(quán)相冊(cè)權(quán)限的問題。這篇文章主要介紹了微信小程序?qū)崿F(xiàn)保存圖片到相冊(cè)功能,需要的朋友可以參考下2018-11-11