Membuat Drop Down Menu Dengan CSS Pure

June 6, 2008 at 6:22 am

Membuat Drop Down Menu Dengan CSS Pure

Coba iseng-iseng mencari script untuk menampilkan drop down menu, kayak menu di windows itu. Dulu pernah pake menu yang seperti ini, tetapi ada unsur javascriptnya. Nah kelemahannya, jika menggunakan javascript, ketika browser tidak mengaktifkan javascriptnya, maka menu tidak bisa diakses. Nah solusinya adalah dengan CSS. Kelebihan menu drop down dengan CSS adalah program menjadi lebih ringan, karena hanya menggunakan CSS, lebih bersih (menurut saya aja lho), apalagi CSS juga lebih mudah dipelajari, tidak usah pusing-pusing dengan object dan class.

Nah, yang ingin kode tersebut, silahkan rampok kopi di bawah ini









CSS

	    	The menu
	    	Nowhere
	    	Nowhere
	    


Fish

	    	One fish
	    	Two fish
	    	Red fish
	    	Blue fish
	


JavaScript

	    	Highlighting
	    	Nowhere
	    	Also nowhere
	


Oxo

	    	Nowhere
	    	Nowhere else
	    	And nowhere
	    	Nowhere too
	



... some content

Bukan saya sendiri kok yang membuatnya, saya hanya mengkopi dari tempat lain. Sumbernya sudah lupa, maaf ya

Pihak Terkait

Drop Down Menu Dengan Javascript dan CSS

Filed under: Belajar web, CSS, Cerita-Cerita, Teknologi

Iklan Premium

Jual Cincin Perak
Cincin yang sangat indah ini cocok untuk dipakai oleh pasangan suami istri atau pasangan yang baru tunangan
Harga Rp350.000
Beli Sekarang.

24 Responses to “Membuat Drop Down Menu Dengan CSS Pure”

Bimo Hery Prabowo, on June 6th, 2008 at 6:29 am Said:

pertamaxxxx….

[Reply]
g3doy Reply:
December 7th, 2008 at 10:16 am
ternyata mas bimo kaskuser jg y?
trmksh mas dah share CSS ijin copas gan

[Reply]
tipis, on June 6th, 2008 at 7:14 am Said:

hehe saya juga pernah pake ini script ini mas, saya juga lupa sumbernya. untuk browser emang lebih enak optimalisasi CSS lebih enteng

[Reply]
ipung, on June 6th, 2008 at 11:54 am Said:

Setuju sama mas tipis, CSS emang bikin web lebih aksesibel. Sekalipun kadang JavaScript terlihat keren…

[Reply]
Diah, on June 6th, 2008 at 5:03 pm Said:

Tutornnya joos mas….di tunggu trik2 lainnya

[Reply]
8, on June 7th, 2008 at 3:42 am Said:

wa….keren banget mas bimo…nice to try nih…^^
thank you ya mas^^
salam kenal..

[Reply]
putu, on June 9th, 2008 at 7:39 am Said:

Terima kasih, ilmu yang anda sebarkan sangat berguna.

[Reply]
Eko Priyanto, on June 9th, 2008 at 12:34 pm Said:

iya emang enteng deh mas bimo dan keren..!!, cuma kurang ngeblink aja he..he..

[Reply]
Agung Puji Mustofa, on June 10th, 2008 at 2:59 am Said:

Artikel yang lumayan. makasih atas infonya. Saya masih sering memakai javascript untuk drop down menu. Artikel ini menambah pengetahuan saya

[Reply]
Yudha, on June 10th, 2008 at 4:44 am Said:

Wah, di jogja memang banyak Blogger handal. Ni dapet satu lagi kayanya juga seorang programer ni. Salam kenal mas Bimo. Mas saya juga mau tanya, cara install plugin Brian Thread Comment itu gimana ya? Kayanya mas Bimo juga pake Plugin kaya gitu. Mohon pencerahanya mas Bimo. Terima kasih

[Reply]
bungcip, on June 23rd, 2008 at 5:26 am Said:

Cuma mau lapor aja, skrip di atas tidak bekerja di IE 7

[Reply]
Bimo Hery Prabowo Reply:
July 3rd, 2008 at 6:47 am
tengkyu atas laporannya.

[Reply]
doez, on July 10th, 2008 at 5:58 am Said:

thank’s

[Reply]
nuwa, on August 19th, 2008 at 5:16 am Said:

saya cuba paparkan hasil script di atas menggunakan browser IE, tetapi tidak berjaya. Hanya firefox shj okey.

[Reply]
Nichell, on October 14th, 2008 at 1:43 am Said:

i.e 6 g bisa jalan ……….

[Reply]
mitsikuri, on October 21st, 2008 at 8:02 am Said:

makasih ya tutornya, dah lama aq cari2 tutor css ini,
thanks ya bimo

mitsikuris last blog post..ternyata ngeplurk asyik juga ya?

[Reply]
William, on October 30th, 2008 at 7:53 pm Said:

script nya tidak jalan di ie

[Reply]
Bimo Hery Prabowo Reply:
October 31st, 2008 at 4:40 am
makasih info nya… mugnkin perlu diperbaiki lagi

[Reply]
Blake, on November 27th, 2008 at 4:07 pm Said:

Keep it up man.,

[Reply]
Reannon, on November 27th, 2008 at 5:54 pm Said:

A good site, good short contents of the good work. Congratulations !,

[Reply]
Drop Down Menu Dengan Javascript dan CSS | bimoweb, on December 3rd, 2008 at 4:39 am Said:

[...] ruang web. Bagi situs dengan konten yang berjibun, drop down menu bisa jadi suatu kewajiban. Drop down yang dulu, mungkin kurang begitu sakti, karena hanya bisa bekerja di firefox doang, meskipun tidak [...]
hendi, on December 10th, 2008 at 1:10 pm Said:

Sumber CSS dari http://www.dynamicdrive.com kali ye, atau http://www.cssdrive.com klo untuk javascriptnya dari http://www.javascriptkit.com.

[Reply]
Bimo Hery Prabowo, on December 10th, 2008 at 2:36 pm Said:

enggak kok, aku ndak ngambil dari sana,

[Reply]
Aly Nashir Muhammed, on February 28th, 2010 at 4:25 am Said:

Mas, koq scriptnya nggak keliatan?

[Reply]

Bimo Hery Prabowo