bursa escort bursa escort beylikdüzü escort escort bayan afyon escort escort bayan istanbul escort mersin escort bayan escort kayseri bursa escort escort kayseri bursa escort banko tahmin meyve siparişi bursa escort bursa escort

Adresinden JQuery UI kütüphanesini indiriyoruz ve projemizin içindeki scripts klasörü altına atıyoruz

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    #outer
    {
        
        width:200px;
        height:200px;
        background-color:Aqua;
        }
        
        #ustmenu
        {
            
        width:200px;
        height:200px;
        background-color:Maroon;
            }
    
    </style>

    <script src="Scripts/jquery-1.7.2.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript">


      $(document).ready(function () {
          $("#ustmenu").dialog({
              autoOpen: false,
              show: "blind",
              hide: "explode"
          });


          $("#outer").mouseover(function () {
                $("#ustmenu").dialog("open");
                           return false;
          });

          $("#outer").mouseout(function () {
              $("#ustmenu").dialog("close");
              return false;
          });
      });

    </script>
</head>
<body>

    <div id="ustmenu">merhaba</div>
    <div id="outer">
    emrah kahraman
    </div>
</body>
</html>

Yazar : Emrah Kahraman

Bilgisayar Mühendisi

“JQuery ile Div Üstüne Gelince Başka Bir Div Açma” için 1 Yorum

  1. Misafir dedi ki:

    Güzel paylaşım olmuş 🙂

JQuery ile Div Üstüne Gelince Başka Bir Div Açma Yazısı için Yorum Yapabilirsiniz

Kan Bağışı
Reklam Panosu
Gurme

Reklam Panosu
Bağlantılar