JS 특수 효과 jQuery 효과 jQuery+css3을 위한 간단한 수직 타임라인 코드

jQuery+css3을 위한 간단한 수직 타임라인 코드

jQuery+css3을 위한 간단한 수직 타임라인 코드

jQuery+css3 간단한 수직 타임라인 코드

매우 간단한 jQuery 수직 타임라인 코드입니다. li 콘텐츠가 아무리 많아도 직선은 jQuery 수직 타임라인 플러그인을 초과하지 않으며 빨간색 점이 항상 중앙에 위치합니다.

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

관련 기사

jQuery Timelinr는 수직 및 수평 타임라인 플러그인을 구현합니다(소스 코드 다운로드 포함)_jquery jQuery Timelinr는 수직 및 수평 타임라인 플러그인을 구현합니다(소스 코드 다운로드 포함)_jquery

16 May 2016

jquery.timelinr.js는 매우 멋진 효과를 제공하는 jQuery 타임라인 플러그인입니다. 아래에서는 Script House의 편집자가 수직 및 수평 타임라인을 구현하는 jQuery Timelinr 플러그인을 소개합니다. 필요한 친구들은 이를 참고할 수 있습니다.

tables_jquery의 간단한 필터링을 구현하기 위한 JQuery 기반 코드 문장 tables_jquery의 간단한 필터링을 구현하기 위한 JQuery 기반 코드 문장

16 May 2016

여기서는 JQuery의 강력한 기능에 대해 말할 필요가 없습니다. 여기서는 간단한 JQuery 코드 라인을 사용하여 간단한 테이블 필터링을 구현하겠습니다.

jQuery div를 확대하고 축소하기 위한 간단한 구현 코드 jQuery div를 확대하고 축소하기 위한 간단한 구현 코드

16 May 2016

div 레이어의 확대와 축소는 누구에게나 친숙할 텐데요. 다음으로 관심 있는 분들은 참고하시면 도움이 될 것입니다.

js 및 css_jquery를 동적으로 로드하기 위한 간단한 jquery 코드 js 및 css_jquery를 동적으로 로드하기 위한 간단한 jquery 코드

16 May 2016

js와 css를 동적으로 로드하는 jquery는 페이지 생성 시 js 함수를 통해 일부 일반적인 js 및 css 파일을 로드하는 데 사용할 수 있습니다.

Jquery 드래그 앤 드롭 효과를 구현하는 방법 Jquery 드래그 앤 드롭 효과를 구현하는 방법

24 Apr 2018

이번에는 jquery 드래그 앤 드롭 효과 구현 방법을 알려드리겠습니다. jquery 드래그 앤 드롭 효과 구현 시 주의사항은 무엇인가요? 다음은 실제 사례입니다.

jQuery 애니메이션 효과 그림 캐러셀 구현(코드 포함) jQuery 애니메이션 효과 그림 캐러셀 구현(코드 포함)

24 Apr 2018

이번에는 jQuery 애니메이션 효과 그림 캐러셀 구현(코드 포함)을 가져오겠습니다. jQuery 애니메이션 효과 그림 캐러셀 구현 시 주의사항은 무엇입니까? 다음은 실제 사례입니다. 1. 요구사항 분석

jQuery 효과 사용법 jQuery 효과 사용법

15 Dec 2016

jQuery 효과 사용법

jQuery.delay() 함수 사용 예시에 대한 자세한 설명 jQuery.delay() 함수 사용 예시에 대한 자세한 설명

30 Jun 2017

지연() 함수는 대기열의 다음 항목 실행을 지연하는 데 사용됩니다. Delay()는 대기열에서 실행을 기다리는 다음 애니메이션을 실행하기 전에 지정된 시간 동안 지연시킬 수 있습니다. 이전 애니메이션 효과 실행 후 다음 애니메이션 효과의 실행 시간을 지연시키기 위해 대기열에 있는 두 개의 jQuery 효과 함수 사이에서 일반적으로 사용됩니다. 다음 항목이 효과 애니메이션이 아닌 경우 효과 대기열에 추가되지 않으므로 함수는 이에 대한 지연된 호출을 만들지 않습니다. 이 함수는 jQuery 객체(인스턴스)에 속합니다.

jQuery 애니메이션 효과 컬렉션 jQuery 애니메이션 효과 컬렉션

07 Dec 2016

jQuery 애니메이션 효과 컬렉션

See all articles See all articles

Hot Tools

jQuery2019 발렌타인데이 고백 불꽃놀이 애니메이션 특수 효과

jQuery2019 발렌타인데이 고백 불꽃놀이 애니메이션 특수 효과

Douyin에 대한 매우 인기 있는 jQuery 발렌타인 데이 고백 불꽃놀이 애니메이션 특수 효과는 프로그래머와 기술 전문가가 사랑하는 소녀에 대한 사랑을 표현하는 데 적합합니다. 좋아하든 원하지 않든 결국에는 동의해야 합니다.

Layui 반응형 애니메이션 로그인 인터페이스 템플릿

Layui 반응형 애니메이션 로그인 인터페이스 템플릿

Layui 반응형 애니메이션 로그인 인터페이스 템플릿

520 발렌타인 데이 고백 웹 애니메이션 특수 효과

520 발렌타인 데이 고백 웹 애니메이션 특수 효과

jQuery 발렌타인데이 고백 애니메이션, 520 고백 배경 애니메이션

멋진 시스템 로그인 페이지

멋진 시스템 로그인 페이지

멋진 시스템 로그인 페이지

HTML5 테이프 음악 플레이어 - CASSETTE PLAYER

HTML5 테이프 음악 플레이어 - CASSETTE PLAYER

HTML5 테이프 음악 플레이어 - CASSETTE PLAYER