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

Sponsor
Alexa
Hakkımda
Bağlantılar