课程笔记
课程/JavaScript/前端开发
可调大小面板实现(Resizeable Panel)
介绍
章节
问答
笔记
Rue1
2016-09-23
计算拖拽开始前,鼠标相对控制元素X轴的位置 start_x=e.pageX-ctrl.offsetLeft 计算拖拽控制元素时X轴的新位置 to_x=e.pageX-start_x 不允许控制元素X轴的位置小于某个值 Math.max(to_x , 0)
0赞 · 0采集
Rue1
2016-09-23
事件对象获取的通用方法 var e=ewindow.event; 事件发生时的鼠标相对页面的位置 e.pageX , e.pageY 元素距离页面的位置 el.offsetLeft , el.offssetTop
0赞 · 0采集
qweqwe13123123
2016-08-30
关键的代码。
截图
0赞 · 0采集
qweqwe13123123
2016-08-29
鼠标形状。
截图
0赞 · 0采集
qweqwe13123123
2016-08-29
功能描述
截图
0赞 · 0采集
q_阳阳羊_0
2016-07-21
Resizable
截图
0赞 · 0采集
珍惜小燕子
2016-07-09
脚本功能编写
截图
0赞 · 0采集
珍惜小燕子
2016-07-09
resizable实现思路
截图
0赞 · 0采集
12只怕有心人
2016-07-08
Resizable-实现思路<1>
截图
0赞 · 0采集
12只怕有心人
2016-07-08
思路整理
截图
0赞 · 0采集
12只怕有心人
2016-07-08
思路step3
截图
0赞 · 0采集
12只怕有心人
2016-07-08
思路step2
截图
0赞 · 0采集
12只怕有心人
2016-07-08
思路step1
截图
0赞 · 0采集
林暮轩雨
2016-02-23
var rb = ducument.createElement("div"); // 创建div节点<br> rb.class = rb.className = "ui Resizable_ctrl";//为了兼容老浏览器分别用class和className创建class名 panel.appendChild(rb); 在panel这个父元素里创建rb这个节点
0赞 · 0采集
林暮轩雨
2016-02-23
cursor:e-resize;鼠标向右拉伸状态<br> cursor:s-resize;鼠标向下拉伸状态<br> cursor:nw-resize;鼠标向右下拉伸状态
1赞 · 2采集
dafeixia
2016-01-14
class classname
0赞 · 0采集
UFO2015
2015-10-21
position
截图
0赞 · 0采集
UFO2015
2015-10-21
window.event
截图
0赞 · 0采集
UFO2015
2015-10-21
steps
截图
0赞 · 0采集
UFO2015
2015-10-21
resizable
截图
0赞 · 0采集
爱吃鲸鱼的猫猫
2015-10-16
清楚left和top的时候要用空字符串,而不是0==
0赞 · 0采集
大青山Z
2015-10-14
key code
截图
0赞 · 0采集
大青山Z
2015-10-14
key code
截图
0赞 · 0采集
xgqfrms
2015-10-11
steps
截图
0赞 · 0采集
xgqfrms
2015-10-11
resizeable
截图
0赞 · 0采集
划水苍苍
2015-08-17
实现思路
0赞 · 0采集
LUGY
2015-04-30
r.class=r.className=xxxx 为了浏览器兼容
截图
0赞 · 0采集
小花丶
2015-04-27
实现思路:三个步骤
截图
0赞 · 1采集
qiheizhiya
2015-04-15
获取事件的通用方法: 拿到事件对象:var e=e||window.event; 事件发生时鼠标相对页面位置:e.pageX,e.pageY 元素距离页面位置 el.offsetLeft,el.offsetTop
0赞 · 0采集
qiheizhiya
2015-04-14
resizable实现思路: 1.为面板附加3个控制元素; 2.让控制元素支持拖动; 3.根据控制元素的新位置调整面板的位置
截图
0赞 · 0采集
数据加载中...