Letakkan kode berikut di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('#Label1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Jika pada templatemu sudah terpasang script http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
maka script itu ga usah di pasang lagi.
terakhir, simpan template
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('#Label1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Jika pada templatemu sudah terpasang script http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
maka script itu ga usah di pasang lagi.
terakhir, simpan template
Membuat efek Link Nudging pada label dengan Jquery
Posted by: Risalahati
Dedic Ahmad Updated at: 22:51
No comments:
Post a Comment