JavaScript怎么实现登录框鼠标拖拽效果


本文小编为大家详细介绍“JavaScript怎么实现登录框鼠标拖拽效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript怎么实现登录框鼠标拖拽效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

登录框鼠标拖拽效果

body {

background: url(“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1488778794834&di=e97c96dfe7860297d1968c30adc862a2&imgtype=0&src=http%3A%2F%2Fpic1.5442.com%3A82%2F2015%2F0409%2F01%2F15.jpg%2521960.jpg”) no-repeat top center #ffffff;

background-size: 100%;

padding: 0;

margin: 0;

font-size: 12px;

font-family: “微软雅黑“, sans-serif;

}

.ui-dialog {

width: 380px;

position: absolute;

z-index: 9000;

top: 100px;

left: 100px;

border: 1px solid #d5d5d5;

background-color: #ffffff;

/*display: none;*/

}

.ui-dialog-title {

height: 48px;

line-height: 48px;

padding-left: 20px;

color: #535353;

font-size: 16px;

background-color: #f5f5f5;

border-bottom: 1px solid #efefef;

cursor: move;

}

.ui-dialog-title-closebutton {

width: 16px;

height: 16px;

display: inline-block;

position: absolute;

right: 20px;

color: #000;

text-decoration: unset;

}

.ui-dialog-title-closebutton:hover {

color: #4ca8ff;

}

.ui-dialog-content {

padding: 15px 20px;

}

.ui-dialog-pt15 {

padding-top: 15px;

}

.ui-dialog-l40 {

height: 40px;

line-height: 40px;

text-align: right;

}

.ui-dialog-input {

width: 100%;

height: 40px;

margin: 0;

padding: 0免费云主机域名;

border:1px solid #d5d5d5;

font-size: 16px;

color: #c1c1c1;

text-indent: 25px;

outline: none;

}

.ui-dialog-input-username {

background: url(“images/input_username.png”) no-repeat 2px;

}

.ui-dialog-input-password {

background: url(“images/input_password.png”) no-repeat 2px;

}

.ui-dialog-submit {

width: 100%;

height: 50px;

background: #3b7ae3;

border: none;

font-size: 16px;

color: #ffffff;

outline: none;

text-decoration: none;

display: block;

text-align: center;

line-height: 50px;

}

.ui-dialog-submit:hover {

background: #3f81b0;

相关推荐: 如何使用OpenCV和Python构建人员计数器

这篇文章主要介绍了如何使用OpenCV和Python构建人员计数器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何使用OpenCV和Python构建人员计数器文章都会有所收获,下面我们一起来看看吧。在继续本教程的其余部分之前,您…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/22 10:58
下一篇 01/22 10:58

相关推荐