혹시라도 JQuery 가 아닌 순수 자바스크립트로 하고싶은 분들 계실까 남겨봅니다.
266
0
(function () {
const keyword = document.querySelector('#keyword').textContent;
const options = {
"each": function (element) {
setTimeout(function () {
element.classList.add('animate');
}, 300);
}
};
const context = document.querySelectorAll('.context');
const instance = new Mark(context);
instance.unmark({
done: function () {
instance.mark(keyword, options);
}
});
}());
이런식으로 하면 JQuery로 작성한 것과 같은 효과를 낼 수 있습니다.
답변 0





