ต่อไป »

[abba]

โค้ดเปลี่ยนรูปทุกรูปใน page มีหลายแบบลองไปใช้ดูคับ


แบบที่ 1 page เบลอๆ

<style type="text/css">
 a:link img {filter:blur(add = 0, direction = 225, strength = 10);}
a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}
</style>



แบบที่ 2 จะเปลี่ยนเป็นสีเทา

<style type="text/css">
 a:link img {filter:none;}
a:visited img {filter:none;} a:hover img {filter:gray;}
</style>



แบบที่ 3 ด้านซ้ายไปขวา จากขวาไปซ้าย

<style type="text/css">
a:hover img {filter:fliph;}
</style>



แบบที่ 4 อันนี้ต้องลองเอง

<style type="text/css">
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}
</style>



แบบที่ 5 page ใส

<style type="text/css">
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}
</style>



แบบที่ 6 ขาวดำ

 <style type="text/css">
a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}
</style>



แบบที่ 7 เหมือน หิน
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>




ลองดูนะ

<style> td,th,div,body,li,ul,p {
color: #999999;
font-size:8pt;
font-family: ''MS Sans Serif'', ''Microsoft Sans Serif'',sans-serif;
} </style><style>A:link{color:#8F8F8F;text-decoration:none;}
A:visited{color:#999999;text-decoration:none}
A:hover{color:#999999;text-decoration: none;}</style><style> a:link img {filter:gray;}
a:visited img {filter:gray;}
a:hover img {filter:;} </style>