dbklik { background: yellow; width: 60px; height: 60px; float: left; margin: 10px; border:2px dotted #39f; cursor: pointer; }
Kemudian Buat Script JQuery nya, dalam script ini berfungsi saat area/kotak diDouble klik maka warna kotak akan berubah warna menjadi merah, yaitu pada fungsi pertama dari kode di bawah ini, kemudian saat mengklik satu kali maka warna kotak akan berubah menjadi warna biru begitu seterusnya. Tapi saya belum nemuin nih buat balikin lagi ke warna awal. Maklum baru belajar hehe.
$(function() { $("dbklik").dblclick(function(){ $(this).css({ background: "red"}); }); }); $(function() { $("dbklik").click(function(){ $(this).css({ background: "blue"}); }); });
Lalu kode pemanggilnya
Klik 2x pada setiap kotak untuk mengubah warnanya <dbklik></dbklik> <dbklik></dbklik> <dbklik></dbklik> <dbklik></dbklik> <dbklik></dbklik> <dbklik></dbklik>Di sini saya menggunakan JQuery <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
Untuk lebih jelasnya bisa melihat demonya pada tombol di samping kanan ==>
wiw, udah bisa jquery ternyata, nice dah =D
ReplyDeletewkwkw, nyicil dikit2 :D
Deletehadir untuk meramaikan suasana
Deletemakasih bang :)
DeleteEmang mas alam ngomomgin apa tentang saya? kwkw
Deleteiya teman ngeblog bareng. saya kan ga tau mas Fahmi yg mana, gataunya yg ini to. haha =D
Deletewahhaaa, salam kenal deh buat bang bayu :D
Deletesalam kenal juga :)
Deleteaje gile efek css3-nya brooo, mancappp \m/
ReplyDeletesemeriwing lihat opening blog master :-d
wkwkw, seu'eur teuing efeknya kang :p
Deletejadi kabita <3
Deleteganti template atuh kang. haha *=p
DeleteKalau saya belum mau belajar Jquery, masih mau mengasah css :D
ReplyDeleteahh udah hebat kayaknya CSSnya. jdi pengen kayak masnya :D
DeleteHebat dari mana :p
Deletepostingannya mantap2 ^_^
Deletewah, keren nih sob, saya doakan semoga nemuin kode buat mengembalikan warna pada posisi awal,
ReplyDelete