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

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

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

<p>看着综合代码练习了下</p>

+ 我来回答 回答最高可+2积分
2 回答 976 浏览 4-1 综合挑战题
2014-10-23

<p>保存下吧</p>

+ 我来回答 回答最高可+2积分
0 回答 884 浏览 2-12 编程练习
2014-10-23

<p>好奇怪 同样的代码又OK了</p>

+ 我来回答 回答最高可+2积分
3 回答 946 浏览 2-10 编程练习
2014-10-23

<p>怎么解决鼠标按着就跟着动的这个问题啊，<br /></p>

最新回答 / 安然桑丶
虽然回答晚了..鼠标松开也跟着动的是因为重设定时器.. moving = 0;<...code...>
1 回答 863 浏览 2-10 编程练习
2014-10-23

<p>为什么不行呢？？？</p>

最新回答 / 大米粥007
m_ctrl.style.left =  to_x + "px";好吧，写错了。
1 回答 800 浏览 2-6 编程练习
2014-10-22

<p>moving = setInterval(on_move,10);中写成moving = setInterval(on_move(),10)为什么会不对呢？</p>

已采纳回答 / Lyn_Tech
setInterval(  Function , Time  )第一个参数要求是一个函数。on_move 是一个变量，之前应该是设置了  on_move = function(){ } ， 所以 on_move  是一个函数。但是 on_move() 是执行一个函数，得到一个反回值。如果返回值是一个函数的话就没有问题。 》》》》》所以 moving = setInterval(on_move(),10)的执行结果是：1. on_move() 执行一次，返回 undefined。2. setInterval...
2 回答 1458 浏览 2-5 右边控制条支持拖拽(Resizeable Panel)
2014-10-20

<p>不说其它的，你这个代码风格兼职坑爹。。</p>

最新回答 / 精慕门5039763
加上单引号直接输出的是引号内的内容zpmdgrq
3 回答 832 浏览 2-5 右边控制条支持拖拽(Resizeable Panel)
2014-10-18

<p>防不住猛托猛拽怎么办。。。  拖住猛一动，  事件mouseup就没反应了</p>

+ 我来回答 回答最高可+2积分
3 回答 1275 浏览 4-1 综合挑战题
2014-10-06

<p>.....这个范围限定感觉不好用啊。。  如果我把这个panel放到页面中间。。 获取的offsetLeft和offsetTop值就不大妙了....</p>

+ 我来回答 回答最高可+2积分
3 回答 900 浏览 2-11 拖拽范围限定(Resizeable Panel)
2014-10-05

<p>这里需要禁止className为title的那个元素的复制文本的功能，不然拖动起来的时候如果会复制到title的内容，不然接下来会出一个bug。</p>

最新回答 / Lyn_Tech
的确是要这样。在按下时候的时候为BODY设置设置全浏览器支持的  user-select:none。这个案例中的确是偷懒了……实际代码如下：<...code...>
1 回答 916 浏览 2-9 更改面板大小(Resizeable Panel)
2014-10-05

<p>有个BUG，当从上部按住鼠标快速往下拉的时候，鼠标会变成一个禁止符号，之后即使松开鼠标面板也会继续改变大小了。。</p>

最新回答 / Lyn_Tech
你观察的很仔细。这个BUG涉及到一个事件捕捉的概念。另外，可以仔细思考下这个BUG是如何复现的。详细的可以参考这个问题和答案 http://www.imooc.com/qadetail/36588
1 回答 838 浏览
2014-09-28

<p>. .. . . .</p>

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

<p>老师你这个程序有BUG，你确定是可以用的代码吗</p>

最新回答 / 慕雪0586915
是的要输出索引为0的值nzjrg
5 回答 992 浏览 2-7 下边和右下角控制条支持拖拽(Resizeable Panel)
2014-09-24

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

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

<p>cursor:nw-resize;  and Resizable练习</p>

最新回答 / 慕莱坞7193365
每个人的基础不同，这位同学可以跳过你认为太基础的部分。网络课程的巨大优点之一是你可以选择听课的内容。botqgjq
3 回答 966 浏览 2-2 编程练习
2014-09-23

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

最新回答 / qq_慕神1420022
不同的版本可能有所不同，重要的是能够正确配置，正常使用^_^ojkwkrawevaohfjjypaqjxipfeb
2 回答 939 浏览 2-10 编程练习
2014-09-22
首页上一页45678下一页尾页
开始学习
课程须知
本课程适合前端初学者或者自学的童鞋们，通过简单案例来掌握编程思想。您需要掌握基础的 html/css/javascript技能，您最好了解函数的编写和调用以及事件的概念。
老师告诉你能学到什么？
1、网页中鼠标位置，对象位置的获取方法 2、拖拽功能的原理和实现 3、拖拽范围的大小限定

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消