간단하고 일반적으로 사용되는 슬라이드쇼 구현 code_jquery

자동으로 사진을 재생하는 슬라이드쇼는 현재 웹사이트에서 널리 사용되는 표시 방법입니다. 우리는 인터넷에서 풍부한 특수 효과를 지닌 다양한 슬라이드쇼 플러그인과 코드를 찾을 수 있습니다. 여기서의 프로젝트는 제가 직접 간단한 것을 만들어야 하기 때문에 코드는 매우 간단합니다. 렌더링과 코드를 살펴보세요.

모든 코드 ppt.html, 표시할 해당 그림을 제공해야 합니다.

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

<제목>PPT 데모< style type="text/css">
.ppt-container, .ppt-container li, .ppt-container img {
여백: 0; 🎜>padding : 0;
border : 0;
}
.ppt-container {
width : 752px /*표시되는 크기에 따라 컨테이너의 너비와 높이를 설정합니다. 이미지*/
높이: 328px;
위치: 상대;
}
.ppt-container img {
너비: 100%; 높이: 100%;
.ppt-container .hide {
표시 : 없음
}
.ppt-container ul.image-list li {
위치 : 절대
0px; 🎜>왼쪽: 0px;
}
.ppt-container ul.button-list {
목록 스타일: 없음
위치: 절대
오른쪽: 20px; : 20px;
}
.ppt-container ul.button-list li {
float : left;
padding-right : 10px;
}
.ppt-container ul. 버튼 목록 범위 {
배경: #E5E5E5;
줄 높이: 20px;
디스플레이: 블록; : 기본값;
}
.ppt-container ul.button-listspan.selected {
색상 : #FFF
배경 : #FF7000

• 


• 


• 

• 1


• 2

/본문>

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.