Mengenal Effect FadeTo Pada Jquery
Di panduan kali ini kamu akan Mengenal Effect FadeTo Dan Fadeout Di Jquery dengan cara praktek seketika menggunakan jquery.
Jquery yakni sebuah library yang bertujuan bagi memanipulasi sebuah HTML atau tampilan laman agar lebih terlihat menarik, jquery ini betul-betul amat bermanfaat bagi kebutuhan perancangan laman karena beragamnya animasi yang dapat di bikin oleh jquery.
oke effect fade To sendiri mempunyai guna bagi mengatur opacity suatu element dengan durasi interval tertentu. jadi dengan bantuan effect ini kita mengatur opacity tanpa mesti 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 dapat 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 di browser masing-masing.
oke itu saja bagi kali ini , semoga dapat menambah pengetahuan kamu mengenai jquery, hingga bertemu di artikel berikutnya.
Sumber https://kursuswebsite.org
