HTML (jquery.html)
<html>
<head>
<style>
p { color:green; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Move the mouse over a paragraph.</p>
<p>Like this one or the one above.</p>
<script>
$("p").hover(function () {
$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
}, function () {
var cssObj = {
'background-color' : '#ddd',
'font-weight' : '',
'color' : 'rgb(0,40,244)'
}
$(this).css(cssObj);
});
</script>
</body>
</html>
Hasil :
Move the mouse over a paragraph.
Like this one or the one above.
Kesimpulan : Jquery css() digunakan untuk menambah atau mengganti style css suatu tag , contoh di atas tag <p> dengan style p{ color :green }. Ditambah fungsi hover dengan style :
'background-color' : 'yellow', 'font-weight' : 'bolder'
dan lain lain.
Tidak ada komentar:
Posting Komentar
Leave a message