实战题，鼠标拖拽效果教程-慕课网

来帮同学解答一个问题

资料下载不了

+30经验 +1积分

去回答

第1章案例效果展示及原理分析
视频：1-1 效果展示及原理分析(02:03)

实战题

学习完《登录浮层静态页面实现》内容后，来检验一下吧！在右侧的编辑器中补全相应的代码！有两个任务需要完成。

任务

任务1：请在右边编辑器中第17行，补充完整登陆浮层（.ui-dialog）的浮动样式设置

任务2：请在右边编辑器中第28行，补全登陆浮层标题栏的鼠标样式为移动状态(大十字形状)的代码

温馨提示：完成的任务要与要求的代码效果相一致才可以通过本次测试，否则就再看一遍视频哦！

?不会了怎么办: 任务1对应代码：position的相关属性设置。

任务2对应代码：cursor的属性设置。

index.html

1
<!DOCTYPE html
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
资料下载
代码

全部精华我要发布

为什么要设置 input的 type 为input？

最新回答 / 正是泽

你哪里看到input的type类型有input了？？没有这个input的

1 回答 911 浏览

2016-08-23

css3 UI规范中新增的一个功能，用来控制内容的可选择性auto——默认值，用户可以选中元素中的内容none——用户不能选择元素中的任何内容text——用户可以选择元素中的文本element——文本可选，但仅限元素的边界内(只有IE和FF支持)all——在编辑器内，如果双击/上下文点击发生在子元素上，改值的最高级祖先元素将被选中。-moz-none——firefox私有，元素和子元素的文本将不可选，但是，子元素可以通过text重设回可选。

1 回答 1170 浏览

2016-08-23

html结构

最新回答 / wyl_wear

<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;'...

1 回答 1205 浏览

2016-08-23