可调大小面板实现（Resizeable Panel）_技术问答_慕课网

首页免费课可调大小面板实现（Resizeable Panel）问答

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

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39505
免费课程
                                
JS+CSS3实现带预览图幻灯片效果
初级·53759
免费课程
                                
CSS3+JS 实现超炫的散列画廊特效
中级·46091
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度初级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.67
                            46人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

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

最新回答 / 安然桑丶

虽然回答晚了..鼠标松开也跟着动的是因为重设定时器.. moving = 0;<...code...>

1 回答 881 浏览 2-10 编程练习

2014-10-23

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

最新回答 / 大米粥007

m_ctrl.style.left = to_x + "px";好吧，写错了。

1 回答 822 浏览 2-6 编程练习

2014-10-22

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

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

3 回答 860 浏览 2-5 右边控制条支持拖拽(Resizeable Panel)

2014-10-18

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

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

3 回答 1304 浏览 4-1 综合挑战题

2014-10-06

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

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

3 回答 941 浏览 2-11 拖拽范围限定(Resizeable Panel)

2014-10-05

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

最新回答 / Lyn_Tech

的确是要这样。在按下时候的时候为BODY设置设置全浏览器支持的 user-select:none。这个案例中的确是偷懒了……实际代码如下：<...code...>

1 回答 942 浏览 2-9 更改面板大小(Resizeable Panel)

2014-10-05

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

最新回答 / Lyn_Tech

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

1 回答 869 浏览

2014-09-28

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

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

0 回答 1262 浏览 1-1 Resizeable课程简介及原理分析

2014-09-27

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

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

5 回答 1042 浏览 2-7 下边和右下角控制条支持拖拽(Resizeable Panel)

2014-09-24

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

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

0 回答 1112 浏览 2-4 编程练习

2014-09-23

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

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

3 回答 992 浏览 2-2 编程练习

2014-09-23

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

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

2 回答 974 浏览 2-10 编程练习

2014-09-22

<p>动了。</p>

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

0 回答 874 浏览 2-8 编程练习

2014-09-21

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

最新回答 / BU在徘徊

m_ctrl_x = to_x + "px"; 这里错了

1 回答 1019 浏览 2-6 编程练习

2014-09-21

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

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

0 回答 950 浏览 2-2 编程练习

2014-09-21

首页上一页 1 2 3 4 下一页尾页

开始学习

课程须知: 本课程适合前端初学者或者自学的童鞋们，通过简单案例来掌握编程思想。您需要掌握基础的 html/css/javascript技能，您最好了解函数的编写和调用以及事件的概念。

老师告诉你能学到什么？: 1、网页中鼠标位置，对象位置的获取方法 2、拖拽功能的原理和实现 3、拖拽范围的大小限定

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消