为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 可调大小面板实现（Resizeable Panel） 问答

可调大小面板实现（Resizeable Panel）

Lyn Web前端工程师
查看讲师更多课程 Lyn讲师的其他课程
难度初级
时长 1小时 0分
学习人数
综合评分9.67
46人评价 查看评价
9.9 内容实用
9.4 简洁易懂
9.7 逻辑清晰
全部 评论 问答 未解决 精华

<p>鼠标没按下就跟着动了，怎么回事？</p>

最新回答 / qq_慕神1420022
不同的版本可能有所不同，重要的是能够正确配置，正常使用^_^ojkwkrawevaohfjjypaqjxipfeb
2 回答 937 浏览 2-10 编程练习
2014-09-22

<p>动了。</p>

+ 我来回答 回答最高可+2积分
0 回答 857 浏览 2-8 编程练习
2014-09-21

<p>没动？没懂。</p>

最新回答 / BU在徘徊
m_ctrl_x = to_x + "px"; 这里错了
1 回答 998 浏览 2-6 编程练习
2014-09-21

<p>老师，为啥您把m_panel.style.width=to_x+10+&quot;px&quot;;？其中to_x不是控制元素相对于页面左边的距离吗？而m_panel.style.width不是面板的宽度吗？这两个元素相...

已采纳回答 / Lyn_Tech
实际上 to_x 不是控制元素相对页面左边的距离。因为控制元素是相对于Panel 定位的。to_x = 0 的情况下，控制元素贴紧Panel的左边。to_x = 100 的情况下，控制元素在Panel的左边+100px处。>>> 因为 to_x = 鼠标当前位置 - m_start_x 所以关键点在于 m_start_x 的计算m_start_x = e.pageX - ctrl.offsetLeft;而  ctrl.offsetLeft 是相对于 Panel 的偏移距离。>>...
2 回答 1567 浏览
2014-09-21

<p>r.class =...

已采纳回答 / Lyn_Tech
都是一样的作用，都同样是设置element的class属性值。写两个了为了保持兼容性。一般只写r.className 就够了。r.class 这个是在早期浏览器版本比较低时的写法，习惯问题。
6 回答 1599 浏览 2-4 编程练习
2014-09-21

<p>cursor:nw-resize;</p>

+ 我来回答 回答最高可+2积分
0 回答 928 浏览 2-2 编程练习
2014-09-21

<p>1：为面板附加3个控制元素；2：让控制元素支持拖动；3：根据控制元素的新位置调整面板的位置</p>

+ 我来回答 回答最高可+2积分
1 回答 797 浏览 1-1 Resizeable课程简介及原理分析
2014-09-21

老师的代码风格好乱啊，写可复用的组件居然不用oop，随意就定全局变量。如果我需要把组件写成可以在项目中复用的，要怎么重新包装？

最赞回答 / Lyn_Tech
风格的确值得吐槽。如果做成项目中复用的话，建议直接写成 Jquery的插件。这样调用就行了  $('#div').resizeable();代码如下：<...code...>
3 回答 1287 浏览 2-5 右边控制条支持拖拽(Resizeable Panel)
2014-09-21

都觉得就到家

+ 我来回答 回答最高可+2积分
0 回答 858 浏览 1-1 Resizeable课程简介及原理分析
2014-09-21

<p>yeah<br/></p>

最新回答 / 慕姐6116836
亲，当然可以，但是因为后面的课程设置边框后更好理解，所以这一小节才加入的边框。oglfieoglsnze
3 回答 820 浏览 2-2 编程练习
2014-09-20

<p>忘了给&#39;ui-Resizable&#39;的父元素加position了,现在它是以body定位的.</p>

+ 我来回答 回答最高可+2积分
2 回答 868 浏览 2-2 编程练习
2014-09-19

<p>改变大小时，只要改最外层panel的大小就可以了的，不用这么麻烦的<br/></p>

最新回答 / Vesine
附议。
3 回答 1366 浏览 2-9 更改面板大小(Resizeable Panel)
2014-09-16

<p>是四十分钟吧 不是四十小时吧。<br/></p>

最新回答 / 慕函数6590268
你的问题可以这样解决，spd10000&#x7687;&#x51a0;&#x5a31;&#x4e50;&#x57ce;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7f51;&#x4e0a;&#x5a31;&#x4e50;&#x5e73;&#x53f0;&a...
1 回答 767 浏览
2014-09-15
首页上一页45678下一页尾页
开始学习
课程须知
本课程适合前端初学者或者自学的童鞋们，通过简单案例来掌握编程思想。您需要掌握基础的 html/css/javascript技能，您最好了解函数的编写和调用以及事件的概念。
老师告诉你能学到什么？
1、网页中鼠标位置，对象位置的获取方法 2、拖拽功能的原理和实现 3、拖拽范围的大小限定

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消