Merhaba Bugün jQuery ile farenin sağ tuşuna basınça açılan menünün nasıl yapldığını anlatcam. jQuery ile Sağ Tuşla Açılan MenüHazırlayacağımız kod ilk başta jQuery'nin preventDefault tanımıyla klasik contextmenu taslağını kapatacak. Daha sonra da birlikte hazırlayacağımız ul yapısını görüntülenebilir hale getirecek. Özetle iskelet için HTML, makyaj için CSS ve fonksiyonelite için jQuery tanımlarına ihtiyaç duyacağız. HTML kodlarımız ile başlayalım. HTML KodlarıFont Awesome iconlarını kullanmak için taglarının içerisine aşağıdaki tanımlamayı yapın. Şimdi sağ tuşla açılan menü örneğinin temelini klasik ul yapısına dayandıralım. Menüyü. contextMenu şeklinde isimlendiriyoruz. Homepage Sitemap Contact CSS KodlarıÖrnekte Roboto isimli fontu kullanıyoruz. Eğer sizler de Roboto'yu kullanmak isterseniz aşağıdaki kodu CSS dosyanızın en üstüne ekleyin.@import url(https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin, latin-ext);Menünün iskelet yapısını stilize ederek başlayalım. ul. contextMenu Tüm menüde gerçekleşecek renk geçişlerine efekt atayalım. ul. contextMenu Şimdi de menü itemlarımızı tanımlayalım. ul. contextMenu li ul. contextMenu li a ul. contextMenu li:hover ul. contextMenu li:first-child ul. contextMenu li:last-child ul. contextMenu li:last-child a ul. contextMenu li:last-child:hover a ul. contextMenu li:last-child:hover a:hover jQuery KodlarıÖncelikle sayfanızda jQuery tanımlı olup olmadığına bakın. Eğer yoksa Body'nin bittiği yere, tanımının hemen öncesine jQuery'i ekleyerek devam edelim.<script></script>Şimdi sağ tuşla açılan orjinal menüyü kilitleyip kendi menümüzü tetikleyebiliriz.$ . bind("contextmenu", function { event. preventDefault ; $ . show . css( );});$ . click(function { isHovered = $ . is ; if });