PSP Designs 2
BLOGUMA HOŞ GELDİNİZ__Msrf Designs and Tutorials
.
3 Eylül 2024 Salı
Sürükle bırak-Drag me and drop
ball.onmousedown = function(event) { let shiftX = event.clientX - ball.getBoundingClientRect().left; let shiftY = event.clientY - ball.getBoundingClientRect().top; ball.style.position = 'absolute'; ball.style.zIndex = 1000; document.body.append(ball); moveAt(event.pageX, event.pageY); // moves the ball at (pageX, pageY) coordinates // taking initial shifts into account function moveAt(pageX, pageY) { ball.style.left = pageX - shiftX + 'px'; ball.style.top = pageY - shiftY + 'px'; } function onMouseMove(event) { moveAt(event.pageX, event.pageY); } // move the ball on mousemove document.addEventListener('mousemove', onMouseMove); // drop the ball, remove unneeded handlers ball.onmouseup = function() { document.removeEventListener('mousemove', onMouseMove); ball.onmouseup = null; }; }; ball.ondragstart = function() { return false; }; <iframe> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Gönderen <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/04380099030627382138' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/04380099030627382138' rel='author' title='author profile'> <span itemprop='name'>Msrf Designs</span> </a> </span> </span> <span class='post-timestamp'> zaman: <meta content='http://msrfdesigns2.blogspot.com/2024/09/surukle-brak-drag-me-and-drop.html' itemprop='url'/> <a class='timestamp-link' href='https://msrfdesigns2.blogspot.com/2024/09/surukle-brak-drag-me-and-drop.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2024-09-03T16:08:00-07:00'>16:08</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-359455226'> <a href='https://www.blogger.com/post-edit.g?blogID=5228741465635018809&postID=8423656356164669393&from=pencil' title='Kaydı Düzenle'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=5228741465635018809&postID=8423656356164669393&target=email' target='_blank' title='Bunu E-postayla Gönder'><span class='share-button-link-text'>Bunu E-postayla Gönder</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=5228741465635018809&postID=8423656356164669393&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=5228741465635018809&postID=8423656356164669393&target=twitter' target='_blank' title='X'te paylaş'><span class='share-button-link-text'>X'te paylaş</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=5228741465635018809&postID=8423656356164669393&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Facebook'ta Paylaş'><span class='share-button-link-text'>Facebook'ta Paylaş</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=5228741465635018809&postID=8423656356164669393&target=pinterest' target='_blank' title='Pinterest'te Paylaş'><span class='share-button-link-text'>Pinterest'te Paylaş</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>Hiç yorum yok:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Yorum Gönder</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/5228741465635018809?po=8423656356164669393&hl=tr' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'>
Sonraki Kayıt
Önceki Kayıt
Ana Sayfa
Kaydol:
Kayıt Yorumları (Atom)
