Clock

Khmer Web

Gateway to web application
fadeIn/fadeOut
Edit
fadeIn() គឺ​ជា​វិធី​នៅ​ក្នុង​កញ្ចប់ jQuery ប្រើ​សំរាប់​បង្ហាញ​ធាតុ HTML បន្តិច​ៗ​នៅ​លើ​ browser ។ ទំរង់​ទូទៅ​នៃ​វិធី fadeIn() មាន​ដូច​ខាង​ក្រោម​នេះ៖ 
$(selector).fadeIn(speed,callback);

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	

	
	
	
    
   <script>
     $("button").click(function(){
    	$("#div1").fadeIn();
    	$("#div2").fadeIn("slow");
    	$("#div3").fadeIn(3000);
  	});
   </script>

  </body>
</html>

Demonstrate fadeIn() with different parameters.






ផ្ទុយ​ទៅវិញ វិធី​ឈ្មោះ fadeOut() នៅ​ក្នុង​កញ្ចប់ jQuery ត្រូវ​ប្រើ​សំរាប់​បំបាត់​ធាតុ HTML ទាំងឡាយ​បន្តិច​ៗ​ពី​ផ្ទៃ browser ។ 
$(selector).fadeOut(speed,callback);

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	

	

	

	

    
   <script>
     $("button").click(function(){
    	$("#div1").fadeOut();
    	$("#div2").fadeOut("slow");
    	$("#div3").fadeOut(3000);
  	});
   </script>

  </body>
</html>





ចំណែក​ឯ​វិធី​ឈ្មោះ fadeToggle() វិញ​ត្រូវ​សំរាប់​ចុច​ឆ្លាស់​គ្នា​រវាង fadeIn និង fadeOut ។ 
$(selector).fadeToggle(speed,callback);

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	

	

	

	

    
   <script>
     $("button").click(function(){
    	$("#div1").fadeToggle();
    	$("#div2").fadeToggle("slow");
    	$("#div3").fadeToggle(3000);
  	});
   </script>

  </body>
</html>





ដោយឡែក វិធី​ឈ្មោះ fadeTo() ត្រូវ​គេ​យក​ទៅ​ប្រើប្រាស់​សំរាប់​ធ្វើ​អោយ​ធាតុ HTML បាត់​ខ្លួន​មិន​ទាំងអស់ ឬ​ក្នងុ​កំរឹត​ណា​មួយ​។ 
$(selector).fadeTo(speed,opacity,callback);

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	

	

	

	

    
   <script>
     $("button").click(function(){
    	$("#div1").fadeTo("slow", 0.15);
    	$("#div2").fadeTo("slow", 0.4);
    	$("#div3").fadeTo("slow", 0.7);
  	});
   </script>

  </body>
</html>