最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會(huì)員登陸 & 注冊(cè)

WEB前端實(shí)例,JS實(shí)現(xiàn)拖拽效果~

2023-01-31 10:26 作者:聽聽浪浪山  | 我要投稿

<!-- <!DOCTYPE html>

<html lang="en">

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>Document</title>

? ? <style>

? ? ? ? ? ? div{

? ? ? ? ? ? ? ? width: 200px;

? ? ? ? ? ? ? ? height: 200px;

? ? ? ? ? ? ? ? background-color: red;

? ? ? ? ? ? ? ? border-radius: 15px;

? ? ? ? ? ? ? ? box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.7);

? ? ? ? ? ? ? ? position: absolute;

? ? ? ? ? ? ? ? top: 300px;

? ? ? ? ? ? ? ? left: 1000px;

? ? ? ? ? ? }

? ? </style>

</head>

<body>

? ? <div></div>

? ? <script>

? ? ? ? let oDiv = document.querySelector('div');

? ? ? ? let flag = false;

? ? ? ? oDiv.addEventListener('mousedown',(e) => {

? ? ? ? ? ? flag = true;

? ? ? ? ? ? let x = e.offsetX;

? ? ? ? ? ? let y = e.offsetY;

? ? ? ? ? ? document.addEventListener('mousemove',(e) => {

? ? ? ? ? ? ? ? let _h = window.innerHeight - oDiv.offsetHeight;

? ? ? ? ? ? ? ? let _w = window.innerWidth - oDiv.offsetWidth;


? ? ? ? ? ? ? ? let div_left = e.clientX -x;

? ? ? ? ? ? ? ? let div_top = e.clientY - y;


? ? ? ? ? ? ? ? div_top = Math.min(Math.max(0,div_top),_h);

? ? ? ? ? ? ? ? div_left = Math.min(Math.max(0,div_left),_w);


? ? ? ? ? ? ? ? if(flag){

? ? ? ? ? ? ? ? ? ? oDiv.style.top = div_top + 'px';

? ? ? ? ? ? ? ? ? ? oDiv.style.left = div_left + 'px';

? ? ? ? ? ? ? ? }


? ? ? ? ? ? });

? ? ? ? });


? ? ? ? oDiv.addEventListener('mouseup',(e) => {

? ? ? ? ? ? flag = false;

? ? ? ? });

? ? </script>

</body>

</html> -->

WEB前端實(shí)例,JS實(shí)現(xiàn)拖拽效果~的評(píng)論 (共 條)

分享到微博請(qǐng)遵守國家法律
巩义市| 扶余县| 招远市| 开封县| 浏阳市| 开平市| 江永县| 松潘县| 抚松县| 西丰县| 太谷县| 曲靖市| 永胜县| 大足县| 七台河市| 姜堰市| 嘉峪关市| 昭通市| 沛县| 延长县| 南郑县| 武隆县| 侯马市| 舟曲县| 瑞丽市| 徐汇区| 离岛区| 文水县| 宁河县| 金门县| 永丰县| 孟津县| 平塘县| 双牌县| 曲沃县| 江油市| 巩义市| 永济市| 宁德市| 巴东县| 万源市|