js简单鼠标拖拽效果

最新推荐文章于 2024-03-05 22:09:18 发布

阿涧

最新推荐文章于 2024-03-05 22:09:18 发布

阅读量240

点赞数

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/Perol_Notsfsssf/article/details/122097855

版权

这两天闲的没事学了个很有意思的东西,如题

话不多说上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            background-image: url("images/baidu_demo.png");
            background-repeat: no-repeat;
            background-position: top center;
            background-color: #fff;
            /* 注意这个作用 */
            padding: 0px;
            margin: 0px;
            font-size: 12px;
            /* font-family: "微软雅黑"; */
        }
        .ui-dialog{
            display: none;
            width: 380px;
            height: auto;
            position: absolute;
            z-index: 1000;
            top: 0px;
            left: 0px;
            border: 1px solid #d5d5d5; 
            background-color: #fff;
        }
        .ui-dialog-title{
            height: 48px;
            line-height: 48px;
            padding:0px 20px;
            color: #535353;
            font-size: 16px;
            background: #f5f5f5;
            border-bottom: 1px solid #efefef;
            cursor: move;
            user-select: none;
        }
        .ui-dialog-content{
            padding: 15px 20px;
        }
        .ui-dialog a{
            text-decoration: none;
        }
        .ui-dialog-closeButton{
            display: block;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 12px;
            right: 20px;
            background: url("images/close_def.png") no-repeat;
            cursor: pointer;
        }
        .ui-dialog-closeButton:hover{
            background: url("images/close_hov.png");
        }
        .ui-dialog-pt15{
            padding-top: 15px;
        }
        p{
            margi

最低0.47元/天解锁文章

阿涧

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js简单鼠标拖拽效果

js拖拽话不多说上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ background-image: url("images/baidu_demo.png"); .
复制链接

扫一扫