                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /鼠标拖拽效果

html结构

Thinker_Ac

2014-11-21

源自：鼠标拖拽效果 2-3

关注问题我要回答

1148

操作

收起

1 回答

wyl_wear
2016-01-06

<body >

<div class="link">
   <a href="javascript:showDialog();">登录</a>
</div>
<div class="ui-mask" id="mask" onselectstart="return false"></div>

<div class="ui-dialog" id="dialogMove" onselectstart='return false;'>
   <div class="ui-dialog-title" id="dialogDrag" onselectstart="return false;" >

       登录通行证

       <a class="ui-dialog-closebutton" href="javascript:hideDialog();"></a>

   </div>
   <div class="ui-dialog-content">
       <div class="ui-dialog-l40 ui-dialog-pt15">
           <input class="ui-dialog-input ui-dialog-input-username" type="input" value="手机/邮箱/用户名" />
       </div>
       <div class="ui-dialog-l40 ui-dialog-pt15">
           <input class="ui-dialog-input ui-dialog-input-password" type="input" value="密码" />
       </div>
       <div class="ui-dialog-l40">
           <a href="#">忘记密码</a>
       </div>
       <div>
           <a class="ui-dialog-submit" href="#" >登录</a>
       </div>
       <div class="ui-dialog-l40">
           <a href="#">立即注册</a>
       </div>
   </div>
</div>