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

상자 고정 길이와 너비를 사용하여 자동 이미지 회전 js code_javascript 기술 구현

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

이 작은 데모는 이미지를 표시하기 위해 주로 고정된 길이와 너비를 가진 상자를 사용합니다. 이미지를 변경할 때마다 이미지 상자의 스타일 속성의 왼쪽 여백을 변경하여 회전식 효과를 만듭니다.

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

.org/1999/xhtml">
< ;head>

<제목>제목 없는 문서

.box {
폭: 350px;
여백:
숨김: 0 auto;
.imagebox {
너비: 3600px;
높이: 350px;
-webkit-transition: all 1s easy-in-out
-moz-transition: all 1s easy-in- out;
-o-transition: all 1 easy-in-out;
transition: all 1s easy-in-out
}
.imagebox img {
width: 900px; 🎜>float: 왼쪽;
높이:
}











="button" value="right" onclick="turnright()"/>




관련 라벨：
图片 自动轮播
원천：php.cn
이전 기사：JavaScript는 정규식을 사용하여 날짜에서 -_javascript 팁을 제거합니다. 다음 기사：Node.js(설치, 시작, 테스트)_node.js
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1335
단어와 일치하는 정규식 새 작업 이름을 데이터베이스의 기존 작업 이름과 일치시키려는 스크립트가 있습니다. SELECTa.titleASJobTitle,j.DescriptionASMatch...
에서 2024-04-06 21:24:04
0
1
606
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
그리드를 사용하여 특정 디자인 만들기: 단계별 가이드 이 이미지와 유사한 레이아웃을 만들려고 합니다. 이 그리드를 사용해 보았지만 그렇게 할 수 없습니다. <ulclass="container"...
에서 2024-04-06 20:29:08
0
2
492
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！