分享更有价值
被信任是一种快乐

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;

displ免费云主机、域名ay: block;

text-align: center;

line-height: 50px;

}

.ui-dialog-submit:hover {

background: #3f81b0;

相关推荐: 怎么获取段落的innerHeight

小编给大家分享一下怎么获取段落的innerHeight,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!   .innerHeight()   描述: 为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding,但是不包括border。…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册