jQuery+css3을 위한 간단한 수직 타임라인 코드
JS 코드
<스크립트 유형="텍스트/자바스크립트">
$(문서).ready(함수(e) {
var h = $(".about4_main ul li:first-child").height()/2;<!--첫 번째 li 높이의 절반-->
var h1 = $(".about4_main ul li:last-child").height()/2;<!--마지막 li 높이의 절반-->
$(".line").css("top",h);
$(".line").height($(".about4_main").height()-h1-h);
});
이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn
관련 기사
16 May 2016
jquery.timelinr.js는 매우 멋진 효과를 제공하는 jQuery 타임라인 플러그인입니다. 아래에서는 Script House의 편집자가 수직 및 수평 타임라인을 구현하는 jQuery Timelinr 플러그인을 소개합니다. 필요한 친구들은 이를 참고할 수 있습니다.
16 May 2016
여기서는 JQuery의 강력한 기능에 대해 말할 필요가 없습니다. 여기서는 간단한 JQuery 코드 라인을 사용하여 간단한 테이블 필터링을 구현하겠습니다.
16 May 2016
div 레이어의 확대와 축소는 누구에게나 친숙할 텐데요. 다음으로 관심 있는 분들은 참고하시면 도움이 될 것입니다.
16 May 2016
js와 css를 동적으로 로드하는 jquery는 페이지 생성 시 js 함수를 통해 일부 일반적인 js 및 css 파일을 로드하는 데 사용할 수 있습니다.
24 Apr 2018
이번에는 jquery 드래그 앤 드롭 효과 구현 방법을 알려드리겠습니다. jquery 드래그 앤 드롭 효과 구현 시 주의사항은 무엇인가요? 다음은 실제 사례입니다.
24 Apr 2018
이번에는 jQuery 애니메이션 효과 그림 캐러셀 구현(코드 포함)을 가져오겠습니다. jQuery 애니메이션 효과 그림 캐러셀 구현 시 주의사항은 무엇입니까? 다음은 실제 사례입니다. 1. 요구사항 분석
30 Jun 2017
지연() 함수는 대기열의 다음 항목 실행을 지연하는 데 사용됩니다. Delay()는 대기열에서 실행을 기다리는 다음 애니메이션을 실행하기 전에 지정된 시간 동안 지연시킬 수 있습니다. 이전 애니메이션 효과 실행 후 다음 애니메이션 효과의 실행 시간을 지연시키기 위해 대기열에 있는 두 개의 jQuery 효과 함수 사이에서 일반적으로 사용됩니다. 다음 항목이 효과 애니메이션이 아닌 경우 효과 대기열에 추가되지 않으므로 함수는 이에 대한 지연된 호출을 만들지 않습니다. 이 함수는 jQuery 객체(인스턴스)에 속합니다.
Hot tools Tags
Hot Tools
jQuery2019 발렌타인데이 고백 불꽃놀이 애니메이션 특수 효과
Douyin에 대한 매우 인기 있는 jQuery 발렌타인 데이 고백 불꽃놀이 애니메이션 특수 효과는 프로그래머와 기술 전문가가 사랑하는 소녀에 대한 사랑을 표현하는 데 적합합니다. 좋아하든 원하지 않든 결국에는 동의해야 합니다.
Layui 반응형 애니메이션 로그인 인터페이스 템플릿
Layui 반응형 애니메이션 로그인 인터페이스 템플릿
520 발렌타인 데이 고백 웹 애니메이션 특수 효과
jQuery 발렌타인데이 고백 애니메이션, 520 고백 배경 애니메이션
멋진 시스템 로그인 페이지
멋진 시스템 로그인 페이지
HTML5 테이프 음악 플레이어 - CASSETTE PLAYER
HTML5 테이프 음악 플레이어 - CASSETTE PLAYER