m_panel是你的面板框距离浏览器左面和上面的距离
因为你body里面设置的body的padding为50px,所以m_panel元素的左边和上边到浏览器位置都是50px
可以的,不过有兼容性问题,有些网页不支持,写上好点。
思考了一下写出来了
function Resizable(id){ var panel = document.getElementById(id); var data = ["r","b","rb"]; data.reverse(); for (var i = data.length - 1; i >= 0; i--) { (function(){ var cDiv = data[i]; cDiv = document.createElement('div'); cDiv.class = cDiv.className = 'ui-Resizable-'+data[i]+' ui-Resizable-ctrl' panel.appendChild(cDiv); })() }; } Resizable('ui-resizable');
猜测是内层图片宽度设为100%,改变外层盒子宽度,图片自然就会做出相应缩放。创建出来的控件把背景色设置成透明即可。
只修改图片外层盒子的大小即可,图片设置为平铺。
<body onselectstart="return false;" style="-webkit-user-select:none">
因爲ui-Resizable-ctrl原來的樣式是left 0和top 0;
移動的過程中改變了ui-Resizable-ctr的left和top值,
设置ui-Resizable-ctr的style为空后
ui-Resizable-ctrl繼續跟隨panel
因为控制元素的宽度就是10px,加上之后就可以把控制元素包含在内
汗 我不是回答了么
我帮你画了个图 你看,只要明白这个原理,就是剩下函数的不同写法罢了
什么情况,不要提这种问题好么
老师讲的很通俗易懂,跟着操作一遍就可以学得会
absolute是针对relative进行定位,如果你父级元素没有relative,那你的absolute是针对于整个body下进行定位
软件叫做sublime,去这个网站下载 http://www.sublimetext.com/3,软件不是特别大,然后再去网上找一下安装控制包以及各种插件的方法。
hellow world
Javascript:
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
//-moz-user-select:none
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
CSS:
-moz-user-select: none;
-khtml-user-select: none;//webkit
HTML for IE
element.setAttribute('UNSELECTABLE',on)