js 좌우 단 추 를 누 르 면 사진 효 과 를 인 스 턴 스 로 재생 합 니 다.
$(function () {
var index = 1;
var pPage = 1;
var $v_citemss = $(".citemss");
var $v_show = $v_citemss.find("ul");
v_width = $v_citemss.width();// div
// : , var, underfine
p_count = $v_citemss.find("li").length;// li
$(".slideprev1").click(function () {
if (!$v_show.is(":animated")) {
if (pPage == index) {
$v_show.animate({ right: '0px' }, "3000");
pPage = 4;
} else {
$v_show.animate({right: '-=' + v_width },"3000");
pPage--;
}
}
});
$(".slidenext").click(function () {
if (!$v_show.is(":animated")) {
if (pPage == p_count) {
$v_show.animate({ left: '0px' }, "3000");
pPage = 1;
} else {
$v_show.animate({ left: '-=' + v_width }, "3000");
pPage++;
}
}
});
});
마우스 가 떠 오 르 면 아래 에 가로줄 설명, 좌우 버튼 등 효과 가 나타 나 css 로 충분히 실현 할 수 있 으 며 js 를 사용 하지 않 아 도 됩 니 다.
구체 적 인 조작: css 에서 절대 또는 상대 적 인 포 지 셔 닝, left, right 또는 bottom 은 마이너스 이 고 마우스 가 떠 오 른 후에 각각 정확하게 표시 하고 transition 을 설정 하여 애니메이션 의 버퍼 로 사용 하면 됩 니 다.
본 논문 에서 말 한 것 이 여러분 의 자바 script 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.