简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

jquery를 기반으로 배경 왼쪽 메뉴를 클릭하면 display_jquery로 위아래로 슬라이드됩니다.

WBOY
풀어 주다： 2016-05-16 17:37:39
원래의
1151명이 탐색했습니다.

오늘은 왼쪽 메뉴 효과를 만들어 봤습니다. 이 효과는 백그라운드에서 작업할 때 자주 사용하면 좋을 것 같습니다. 코드도 간결하고 명확하게 복사해서 사용하시면 됩니다.
효과 그림은 다음과 같습니다.
jquery를 기반으로 배경 왼쪽 메뉴를 클릭하면 display_jquery로 위아래로 슬라이드됩니다.
코드는 다음과 같습니다. (상하 화살표 아이콘은 위와 같으며, 아이콘은 직접 변경 가능)

코드 복사 코드는 다음과 같습니다.



Equiv="Content-Type" content="text/html; charset=gb2312" / >
배경에서 왼쪽 메뉴를 클릭하고 위아래로 슬라이드하여 jquery





제목 1


a>


두 번째 항목


세 번째 항목


제목 2
a href="#">첫 번째 항목< ;/p>

두 번째 항목



제목 3

첫 번째 항목>


항목< /p>

세 번째 항목>

제목 4


첫 번째 항목

;p>< ;a href="#">두 번째 항목


세 번째 항목>




관련 라벨：
滑动 菜单
원천：php.cn
이전 기사：jQuery 구현, 등록 시 약관 읽기 선택, 왼쪽 및 오른쪽으로 이동_jquery 다음 기사：이미지 이음매 없는 스크롤 코드(왼쪽/아래/위)_javascript 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Vue 3는 Props를 기반으로 동적으로 가져옵니다. 아이콘 구성 요소를 생성하기 위해 unplugin-icon을 사용하고 있습니다. 일반적으로 //scriptimportIconCopyfrom'~icons/prime...
에서 2023-11-16 11:40:01
0
1
235
Android Studio 및 Quasar 관련 문제 저는 퀘이사와 함께 일합니다. 다음 명령을 사용하여 프로젝트를 시작하려고 합니다: quasarbuild-mcapacitor-Tandroid quasardev-mc...
에서 2023-11-10 15:38:21
0
1
214
Laravel Space/laravel-backup을 설치할 수 없습니다. Laravel8에서 자동 백업을 구현하려고 합니다. 나는 Laravel-backup 패키지 "spatie/laravel-backup"을 사용하기...
에서 2023-11-10 08:57:17
0
2
224
Symfony 설치 오류 "아카이브에 대소문자가 다른 동일한 파일 이름이 포함될 수 있습니다." 새로운 Symfony 프로젝트를 만들려고 합니다. 설치 프로그램을 시작할 때: Symfonynewsitepro --version=6.0.* --webapp 설치가...
에서 2023-11-09 16:47:54
0
1
267
Laravel 8의 블레이드 자산을 사용하여 이미지를 표시하지만 리소스 하위 폴더에서 로드 저는 Laravel을 처음 접했으므로 양해해 주시기 바랍니다. Node/React에서 개발한 프레임워크를 Laravel에 복사하고 있습니다. 현재 저는 기본 아키...
에서 2023-11-09 12:47:02
0
1
314
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！