欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js跟隨滾動條滾動浮動代碼

 更新時間:2009年12月31日 19:53:39   作者:  
js跟隨滾動條滾動浮動代碼,對于firefox不兼容。
復(fù)制代碼 代碼如下:

var str="客服";
var objFT=new FloatT("FloatMenu1",str,942,137,125,200,80,10);
objFT.FloatRun();


//js跟隨滾動條滾動 浮動
//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);
}
}

相關(guān)文章

  • 一個js拖拽的效果類和dom-drag.js淺析

    一個js拖拽的效果類和dom-drag.js淺析

    最近完成了一個Drag類,可以實現(xiàn)指定對象的拖拽效果。
    2010-07-07
  • 在Html中使用Requirejs進行模塊化開發(fā)實例詳解

    在Html中使用Requirejs進行模塊化開發(fā)實例詳解

    在前端模塊化的時候,不僅僅是js需要進行模塊化管理,html有時候也需要模塊化管理。這里就介紹下如何通過requirejs,實現(xiàn)html代碼的模塊化開發(fā)
    2016-04-04
  • JavaScript canvas實現(xiàn)跟隨鼠標事件

    JavaScript canvas實現(xiàn)跟隨鼠標事件

    這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)跟隨鼠標事件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-02-02
  • JavaScript事件委托的技術(shù)原理探討示例

    JavaScript事件委托的技術(shù)原理探討示例

    使用事件委托技術(shù)能讓你避免對特定的每個節(jié)點添加事件監(jiān)聽器;相反,事件監(jiān)聽器是被添加到它們的父元素上
    2014-04-04
  • JS 毫秒轉(zhuǎn)時間示例代碼

    JS 毫秒轉(zhuǎn)時間示例代碼

    毫秒轉(zhuǎn)時間的方法有很多,在本文將為大家介紹下js中是如何實現(xiàn)的,感興趣的朋友可以參考下
    2013-09-09
  • ES6 Generator基本使用方法示例

    ES6 Generator基本使用方法示例

    這篇文章主要介紹了ES6 Generator基本使用方法,結(jié)合實例形式分析了ES6 Generator基本功能、使用方法與操作注意事項,需要的朋友可以參考下
    2020-06-06
  • js仿微博實現(xiàn)統(tǒng)計字符和本地存儲功能

    js仿微博實現(xiàn)統(tǒng)計字符和本地存儲功能

    這篇文章主要介紹了js仿微博實現(xiàn)統(tǒng)計字符和本地存儲功能的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • axios學習教程全攻略

    axios學習教程全攻略

    axios 是一個基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端,下面這篇文章主要給大家介紹了axios學習教程的相關(guān)資料,文中介紹的非常詳細,對大家具有一定的參考價值,需要的朋友下面來一起看看吧。
    2017-03-03
  • ES6中的箭頭函數(shù)實例詳解

    ES6中的箭頭函數(shù)實例詳解

    這篇文章主要介紹了ES6中的箭頭函數(shù),結(jié)合實例形式詳細分析了ES6中箭頭函數(shù)的基本語法、特性、使用方法與相關(guān)注意事項,需要的朋友可以參考下
    2017-04-04
  • 微信小程序?qū)崿F(xiàn)保存圖片到相冊功能

    微信小程序?qū)崿F(xiàn)保存圖片到相冊功能

    項目中有個保存二維碼到相冊的功能,所以涉及到用戶是否授權(quán)相冊權(quán)限的問題。這篇文章主要介紹了微信小程序?qū)崿F(xiàn)保存圖片到相冊功能,需要的朋友可以參考下
    2018-11-11

最新評論