MY ROOM!! ของส่วนตัว ห้ามยุ่ง!!

ลำดับตอนที่ #19 : Code :: เกี่ยวกับรูป/ลิ้งก์

 ภาพขาวดำพอชี้แล้วเป็นสีปกติ

<!-- start code by zalim-code.com -->

<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>

<!-- end code by zalim-code.com -->

            
------------------

code ลิงค์รูปภาพ ภาพจะจาง พอเอาเมาส์ชี้จะชัดขึ้น

<!-- start code by zalim-code.com -->

<script language="JavaScript" type="text/javascript">

var itv = 50;

var step = 10;

var start = 0;

var end = 0;

var currentOpac;

//change the opacity for different browsers

function changeOpac(obj, opacity) {

 var object = obj.style; 

 object.opacity = (opacity / 100);

 object.MozOpacity = (opacity / 100);

 object.KhtmlOpacity = (opacity / 100);

 object.filter = "alpha(opacity=" + opacity + ")";

}

function BeginOpacity(obj, s, e)

{

 start = s;

 end = e;

 currentOpac = s;

 theobject=obj;

 changing=setInterval("opacityit(theobject)",itv);

}

function EndOpacity(obj, end){

 clearInterval(changing);

 changeOpac(obj, end);

}

function opacityit(obj){

 if(start > end) {

  if (currentOpac>end){

   currentOpac = currentOpac - step;

   changeOpac(obj,currentOpac);

  }

  else if (window.highlighting)

   clearInterval(highlighting);

 } else if(start < end) {

  if (currentOpac<end){

   currentOpac = currentOpac + step;

   changeOpac(obj,currentOpac);

  }

  else if (window.changing)

   clearInterval(changing);

 }

}

//-->

</script> 

<!-- end code by zalim-code.com -->

                               

---------------------
อยากให้ภาพไหนจาง ให้ใส่ โค๊ดตัวนี้ต่อท้าย

style="FILTER: alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;" onmouseover=BeginOpacity(this,40,100) onmouseout=EndOpacity(this,40)

--------------------

โค้ดลิ้งก์จาง1

<!-- start code by zalim-code.com -->

<style>   A:LINK IMG{ filter: Alpha(Opacity=100,  FinishOpacity=0,  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0) }    A:HOVER IMG{ filter: Blur(Add = 0,  Direction = 225,  Strength = 1) }  A:visited IMG{filter: Alpha(Opacity=100,  FinishOpacity=0,  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0) }   </style>    

<!-- end code by zalim-code.com -->

                               

-----------------------


โค้ดลิ้งกจาง2

<!-- start code by zalim-code.com -->

<style>   A:LINK IMG{ filter: Alpha(Opacity=100,  FinishOpacity=0,  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0) }    A:HOVER IMG{ filter: Blur(Add = 0,  Direction = 225,  Strength = 1) }  A:visited IMG{filter: Alpha(Opacity=100,  FinishOpacity=0,  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0) }   </style>    

<!-- end code by zalim-code.com -->

---------------