지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 웹 페이지 제목에 애니메이션 적용_텍스트 효과

JavaScript를 사용하여 웹 페이지 제목에 애니메이션 적용_텍스트 효과

WBOY
풀어 주다： 2016-05-16 18:11:20
원래의
1287명이 탐색했습니다.

HTML 제목:

코드 복사 코드는 다음과 같습니다.
안녕하세요, Mr-S.R Lee< /title></div> <br>JavaScript: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="58177" class="copybut" id="copybut58177" onclick="doCopy('code58177')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code58177"> <br>< ;script type="text/javascript"> <br>function scroll() { <br>//제목 정보를 가져옵니다. <br>var titleInfo = document.title <br>//제목의 첫 번째 한자(숫자, 문자)를 가져옵니다. <br>//참고: 문자열의 첫 번째 문자 인덱스는 0입니다. 매개변수 인덱스가 0과 string.length 사이가 아닌 경우 이 메소드는 빈 문자열을 반환합니다. <br>var firstInfo = titleInfo.charAt(0) <br>//두 번째에서 마지막 정보를 가져옵니다. <br>var lastInfo = titleInfo.substring(1, titleInfo.length); <br>//출력 정보 접합 <br>document.title = lastInfo firstInfo <br>//setInterval() 메소드를 사용하여 <br>setInterval("scroll()", 500); <br></script> <br><br> </div>전체 데모 코드:<br><br><div class="htmlarea"> <textarea id="runcode88489">안녕하세요, 이승환님<title>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]
관련 라벨：
title
원천：php.cn
이전 기사：jQuery_javascript 기술만큼 사용하기 쉬운 API 스타일 코드 공유 다음 기사：jquery_jquery를 기반으로 헤더를 수정하는 여러 가지 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
MERN 스택 검색 상자 및 확인란에 대한 정규식 필터 MERN 스택이 학습을 통해 함께 작동하는 방식을 이해하려고 노력하고 있으며 bezcoder의 다음 튜토리얼을 따르고 있습니다. Node.js/Express/Mo...
에서 2024-04-06 14:53:12
0
1
425
3. JS 3D 모델이 추가되었으나 보이지 않습니다. 내 웹사이트에 3D 모델을 추가하려고 합니다. 저는 세 개의 .js를 사용하고 있습니다. 모든 것을 시도했지만 3D 모델을 표시할 수 없었습니다. 개발자 도구의 ...
에서 2024-04-03 19:06:13
0
1
264
삽입된 데이터 값을 기반으로 MySql 삽입 트리거를 작성하는 방법은 무엇입니까? 테이블 사용자를 위한 트리거를 작성하고 싶습니다. 새로운 사용자가 추가되면 그의 직위가 IT와 관련이 있으면 IT 연락처 목록 테이블에 기록이 생성됩니다. 그래서...
에서 2024-04-03 16:42:38
0
1
278
향후 사용을 위한 서약 가치 보존: 가이드 단일 숫자 값을 생성하기 위해 데이터베이스 쿼리를 실행한 다음 데이터를 처리하고 있습니다. 이 값은 후속 배열에서 사용해야 합니다. 배열 정의는 현재 다음과 같습...
에서 2024-04-02 17:33:45
0
1
360
반응형 모드에서 목록을 도구 모음으로 변경할 수 있나요? 나는 다음과 같은 카드를 가지고 있습니다. nav에는 많은 항목이 있습니다(간단히 설명하기 위해 여기에 하나를 남겨 두었습니다). <divclass=&quo...
에서 2024-04-02 16:09:27
0
1
263
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿