간단한 이미지 Flipping_javascript 기술을 구현하는 JavaScript 방법-JS 튜토리얼-php.cn

간단한 이미지 Flipping_javascript 기술을 구현하는 JavaScript 방법

WBOY

풀어 주다： 2016-05-16 16:03:22

원래의

1387명이 탐색했습니다.

이 기사의 예에서는 JavaScript를 사용하여 간단한 이미지 뒤집기를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

다음은 smirk1.jpg와 smirk2.jpg라는 동일한 크기의 이미지 2개입니다
그런 다음 다음 코드를 실행하여 간단한 이미지 뒤집기를 달성하세요

<script type="text/javascript">
var revert = new Array();
var inames = new Array('smirk');
// Preload
if (document.images) {
 var flipped = new Array();
 for(i=0; i< inames.length; i++) {
  flipped[i] = new Image();
  flipped[i].src = ""+inames[i]+"2.JPG";
 }
}
function over(num) {
 if(document.images) {
  revert[num] = document.images[inames[num]].src;
  document.images[inames[num]].src = flipped[num].src;
 }
}
function out(num) {
 if(docu <script type="text/javascript">
var revert = new Array();
var inames = new Array('smirk');
// Preload
if (document.images) {
 var flipped = new Array();
 for(i=0; i< inames.length; i++) {
  flipped[i] = new Image();
  flipped[i].src = ""+inames[i]+"2.JPG";
 }
}
function over(num) {
 if(document.images) {
  revert[num] = document.images[inames[num]].src;
  document.images[inames[num]].src = flipped[num].src;
 }
}
function out(num) {
 if(document.images) document.images[inames[num]].src = revert[num];
}
</script>

로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.