JavaScript 운동 함수 패키지
19626 단어 하나.JavaScript
상용 매개 변수 설명:
function uniformSpeed(dom,target,speed){
clearInterval(dom.timer);
// 1:
var iSpeed = target - dom.offsetLeft > 0 ? speed:-speed;
dom.timer = setInterval(function(){
// :2:
if(Math.abs(target - dom.offsetLeft) < Math.abs(iSpeed)){
dom.style.left= target +'px';
clearInterval(dom.timer);
}else{
dom.seyle.left = dom.offsetLeft + iSpeed +'px';
}
},30)
}
function decelerationSpeed(dom,target){
clearInterval(dom.timer);
dom.timer = function(){
var iSpeed = (target - dom.offsetLeft)/7;
// 1:
iSpeed = iSpeed > 0 ? Math.ceil(iSpedd) : Math.floor(iSpeed);
if(target == dom.offsetLeft){
clearInterval(dom.timer);
}else{
dom.style.left = dom.offsetLeft + iSpeed + 'px';
}
}
}
3. 투명도 운동
//
function getStyle(dom, arr) {
if (window.getComputedStyle) {
return window.getComputedStyle(dom, null)[arr];
} else {
return dom.currentStyle[arr]; // IE
}
}
function startMove(dom,target){
clearInterval(timer);
timer = setInterval(function(){
var iCur = parseFloat(getStyle(dom,'opacity')),//
iSpeed = ((target -iCur)/7)*100;// 1:
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed):Math.floor(iSpeed);
if(iCur == target){
clearInterval(timer);
}else{
dom.style.opacity = iCur + iSpeed/100;// 2:
}
},30)
}
4. 종합 운동 (다 물체 다 상태 & & 리 턴 함수)
function startMove(dom, arrobj, callback) {
clearInterval(dom.timer);
dom.timer = setInterval(function() {
var iSpeed = null,
iCur = null,
stopFlag = true;
for (var arr in arrobj) {
iCur = parseFloat(getStyle(dom, arr));
if (arr === 'opacity') {
iSpeed = (arrobj[arr] - iCur) / 7 * 100;
} else {
iSpeed = (arrobj[arr] - iCur) / 7;
}
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
if (arr === 'opacity') {
dom.style.opacity = iCur + iSpeed / 100;
} else {
dom.style[arr] = iCur + iSpeed + 'px';
}
if(iCur != arrobj[arr]){
stopFlag = false;
}
}
if (stopFlag) {
clearInterval(dom.timer);
typeof callback == 'function' && callback();
}
}, 30)
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
미니프로젝트-팀소개 웹사이트 제작 -1, 상단바 만들기일단 우리조는 기술적인 부분을 합의하기로 하여 html,css,javascript,bootstrap 전부를 사용하기로 하였다. 디자인을 잘 모르는 우리 팀이기에...그냥 웹사이트 하나를 참고하여 아예 그 컨셉을 그대...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.