>웹 프론트엔드 >JS 튜토리얼 >Node.js는 스크롤 bar_javascript 기술에 따라 플로팅 코드를 스크롤합니다.

Node.js는 스크롤 bar_javascript 기술에 따라 플로팅 코드를 스크롤합니다.

WBOY
WBOY원래의
2016-05-16 18:37:471317검색
코드 복사 코드는 다음과 같습니다.

var str="Customer Service"
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 stmnGAP2 = pstmnGAP2;
var stmnActivateSpeed ​​​​= pstmn 활성화속도;
var stmnScrollS peed = 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 = 수학 .ceil(Math.abs(stmnEndPoint - stmnStartPoint) / 15 );
FloatMenu.style.top =parseInt(FloatMenu.style.top, 10) ((stmnEndPointstmnRefreshTimer = stmnScrollSpeed;
}
else
{
stmnRefreshTimer = stmnActivateSpeed;
}
setTimeout("RefreshStaticMenu();", stmnRefreshTimer)
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.