Pada tutorial kali ini anda akan Mengenal Efect FadeTo Dan Fadeout Pada Jquery dengan cara praktek langsung menggunakan jquery.
Jquery adalah sebuah library yang bertujuan untuk memanipulasi sebuah HTML atau tampilan wbsite agar lebih terlihat menarik, jquery ini sangat amat berguna untuk keperluan pembuatan website karena beragamnya animasi yang bisa di buat oleh jquery.
oke effect fade To sendiri memiliki fungsi untuk mengatur opacity suatu element dengan durasi interval tertentu. jadi dengan bantuan effect ini kita mengatur opacity tanpa harus dengan menggunakan css.
Silahkan salin code berikut :
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<button id="faddTo">fadd-To</button>
<button id="faddNor">fadd-To-normal</button>
<p> gue bisa memudar, coba aja lo klik cuk....</p>
<script type="text/javascript">
$(document).ready(function(){
$('#faddTo').click(function(event){
$('p').fadeTo('slow',0.2);
});
$('#faddNor').click(function(event){
$('p').fadeTo('slow',1);
});
});
</script>
</body>
</html>setelah kaliansalin lalu silahkan jalankan pada browser masing-masing.
oke itu saja untuk kali ini , semoga bisa menambah wwasan anda mengenai jquery, sampai bertemu pada artikel selanjutnya.
The post Mengenal Effect FadeTo Pada Jquery appeared first on Kursus Website Terbaik.