Html sayfamızdaki bir div'in taşınabilir olmasını istiyorsak jQuery Draggable fonksiyonunu kullanabiliriz.
Div tut sürükle bırak taşıma özelliği ile özel popup sayfalar yapabilir, istediğimiz bölge içinde sürüklenen divler oluşturabiliriz.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Drag Drop | Sürükle Bırak</title>
<script type="text/javascript" src="http://www.limitsizbilgi.com/js/jquery.min.1.7.1.js"></script>
<script type="text/javascript" src="http://www.limitsizbilgi.com/js/jquery-ui-1.10.1.js"></script>
<script type="text/javascript" >
$(function() { $( "#draggable" ).draggable({ containment: "window" }); });
</script>
</head>
<body>
<div style="width:200px; height:200px; background:#060; color:#FFF; padding:10px; position:absolute;" id="draggable">Tut Sürükle Bırak - Drag and Drop</div>
</body>
</html>
Demo:
Tut Sürükle Bırak - Drag and Drop
Konu (138) ile ilgili admin @ limitsizbilgi.com adresine E-mail gönderebilirsiniz. İsa Şahintürk
