브라우저의 호환성 문제와 같은 여러 개의 DOM 속성을 구성하지 않고 복잡한 기능을 수행하는 데 도움을 준 jQuery를 원생적인 js로 쓸 수 있습니다.jQuery를 사용하면fadeIn() 방법을 사용하면 파라미터가 투명도를 제어하고 효과와 리셋 함수를 전환할 수 있어 편리하다.
jQuery
$("#jQuery").click(function () {
$("#box1").fadeIn();
});
js
//
function setOpacity(ele, opacity) {
if (ele.style.opacity != undefined) {
ele.style.opacity = opacity / 100;
}
else {
ele.style.filter = "alpha(opacity=" + opacity + ")";
}
}
//
function fadeIn(ele, opacity, speed) {
if (ele)
{
var v = ele.style.filter.replace("alpha(opacity=", "").replace(")", "") || ele.style.opacity;
v < 1 && (v = v * 100);
var count = speed / 500;
var avg = count < 2 ? (opacity / count) : (opacity / count - 1);
ele.style.display = 'block';
setOpacity(ele, 0);
var timer = null;
timer = setInterval(function () {
if (v < opacity) {
v += avg;
setOpacity(ele, v);
}
else {
clearInterval(timer);
}
}, 100);
}
}
window.onload = function () {
document.getElementById("js").onclick = function () {
fadeIn(document.getElementById("box1"), 100, 3000);
}
}
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 판단 수조 네 가지 실현 방법 상세
그러면 본고는 주로 몇 가지 판단 방식과 방식 판단의 원리를 바탕으로 문제가 있는지 토론하고자 한다.
예를 들어 html에 여러 개의 iframe 대상이 있으면 instanceof의 검증 결과가 기대에 부합되지 않을...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
