Membuat link blog menjadi transparan ketika mouse anda berada diatas link tersebut (hover). Di tambahkan sedikit animasi dengan gaya lambat.
Demo
Sentuh link dimana saja.
Kode
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){$("a").hover(function(){$(this).animate({opacity:"0.3"},1e3)},function(){$(this).animate({opacity:"1"},1e3)})})
</script>
*Kode berwarna merah adalah induk jQuery versi terbaru.
Install
Template >> Edit HTML >> Proceed
Tekan Ctrl+f untuk cari kode: </head>
Masukkan kode diatas </head>
Preview
Save Template
0 comments:
Posting Komentar