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 canlı maç izle

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