编程练习，可调大小面板实现（Resizeable Panel）教程-慕课网

第1章 Resizable简介及实现思路
视频：1-1 Resizeable课程简介及原理分析(05:13)

第3章 Resizable总结
视频：3-1 总结(Resizeable Panel)(01:07)

第4章编程挑战
编程：4-1 综合挑战题

编程练习

小伙伴们，根据所学知识，实现为控制面板Panel添加右下角控制元素。

效果如图：

任务

一、通过脚本为Panel附加右下角的控制元素并且附加对应的样式

  提示:
  可以参照右侧和底侧的添加方法．

?不会了怎么办: 右侧有实战题的完整代码下载

index.html

1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

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

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

全部精华我要发布

如果不是对panel进行拉伸，而是图片，应该怎样修改呢

最新回答 / Mext

猜测是内层图片宽度设为100%，改变外层盒子宽度，图片自然就会做出相应缩放。创建出来的控件把背景色设置成透明即可。

1 回答 1379 浏览

2017-10-14

图片大小拉伸

最新回答 / Mext

只修改图片外层盒子的大小即可，图片设置为平铺。

1 回答 1611 浏览

2017-10-14

通过脚本为Panel附加右下角的控制元素并且附加对应的样式

+ 我来回答回答最高可+2积分

0 回答 1125 浏览

2014-09-23

r.class = r.className,为什么要写两个啊？不是用className设置class么？rb.setAttribute("class","ui-Resizable-rb ui-Resizable-ctrl");作用一样的对吧？

已采纳回答 / Lyn_Tech

都是一样的作用，都同样是设置element的class属性值。写两个了为了保持兼容性。一般只写r.className 就够了。r.class 这个是在早期浏览器版本比较低时的写法，习惯问题。

6 回答 1669 浏览

2022-07-23

全部我要发布

最热最新

只看我的

1-界面样式立即下载
2-为控制面板添加控制元素立即下载
3-为右侧控制元素添加拖拽支持立即下载
4-为3个控制元素添加拖拽支持立即下载
5-让面板跟随控制元素的移动而更改大小立即下载

2-4 编程练习

编程练习

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

如果不是对panel进行拉伸，而是图片，应该怎样修改呢

图片大小拉伸

通过脚本为Panel附加右下角的控制元素并且附加对应的样式

r.class = r.className,为什么要写两个啊？不是用className设置class么？rb.setAttribute("class","ui-Resizable-rb ui-Resizable-ctrl");作用一样的对吧？

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

2-4 编程练习

热搜

最近搜索清空

编程练习

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

如果不是对panel进行拉伸，而是图片，应该怎样修改呢

图片大小拉伸

通过脚本为Panel附加右下角的控制元素并且附加对应的样式

r.class = r.className,为什么要写两个啊？不是用className设置class么？rb.setAttribute("class","ui-Resizable-rb ui-Resizable-ctrl");作用一样的对吧？

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

账号登录验证码登录