Jquery ile Sürüklenebilir(Dragable) Uygulamalar Yapmak

jquery-ui eklentisini kullanarak sürüklenebilir (Dragable) bir uygulama nasıl yapılır?

 

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            body { background: #4CA323 url(/tm/resimler/zemin.jpg) repeat; }
            /*#divimiz { position: absolute; top: 200px; left: 300px; width:650px; height: 250px;  background: transparent url(/tm/resimler/flu_yapici.png) repeat; }*/
            #divimiz { position: absolute; top: 200px; left: 300px; width:650px; height: 250px;  background: transparent url(/tm/resimler/zemin_flu.jpg) repeat fixed; }
        </style>
        <script src="//code.jquery.com/jquery-1.9.1.js"></script>
        <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(function() {
                    $("#divimiz").draggable();
                });
               
                //$("#divimiz").css({ opacity: 0.5 });
            });
        </script>
    </head>
    <body>

        <div id="divimiz"></div>

    </body>
</html>

 

Jquery ile Sürüklenebilir(Dragable) Uygulamalar Yapmak

Böylece divi hareket ettirdiğimiz alanlar da bir flulaşma meydana gelecektir.

Jquery ile Sürüklenebilir(Dragable) Uygulamalar Yapmak

zemin.jpg

Jquery ile Sürüklenebilir(Dragable) Uygulamalar Yapmak

zemin_flu.jpg

Yorumunuzu Ekleyin


Yükleniyor...
    Yükleniyor...