处理图像1

一、创建翻转器

1.A Simple Rollover：

html :

css:

body {
    background-color: #ffffff;
    }
    
 img {
     width: 3000;
     height: 150px;
     border: 0;   
    }

output:

onmouseover

onmouseout

2.A More Effective Rollover

html:

css:

/*
body {
    background-color: #ffffff;
    }
    
 img {
     width: 300px;
     height: 150px;
     border: 0;   
    }
    */
    
    
    img {
        width: 300px;
        height: 150px;
        border: 0;
    }
    

js:

window.onload=rolloverInit;
function rolloverInit( ) {
    for (var i=0;i

output:

Paste_Image.png

Paste_Image.png