2023-03-06 04:13来源:m.sf1369.com作者:宇宇
步骤如下:
1、首先“Ctrl+A”全选文档。
2、拖动菜单栏的标尺进行调整,
上标尺控制整个段落的位置,下标尺控制段落首行的。
3、点击“开始”找到“显示/隐藏编辑标记”,勾选“显示段落布局按钮,”
4、点击此图标,会出现段落选中框,拖动边框中间的三角箭头可以对这个段落进行编辑。
5、上下拉动可以设置段落间距,左右拉动可以设置做得和网页一样漂亮了。
你应该是想要在菜单中显示连结吧?
可以在架构 HTML 的时候把图片带进去即可
不懂想了解详细可私信我
我只告诉你原理 代码自己写或者找下吧
页面上一个DIV display:absolute; 让他浮动起来
然后给此DIV一个鼠标按下事件 mousedown 当按下的时候 在给document文档一个鼠标移动事件
mousemove 当移动的时候 获取鼠标当前的坐标值 然后赋给DIV的TOP和LEFT 他就移动了
在给document一个鼠标抬起事件 mouseup 当弹起的时候 把 document 的移动和抬起事件都取消了
至此就完成了一套拖拽动作
不过中间你还需要优化操作
比如按下的位置相对于DIV边框的距离 这样才可以点击哪里 哪里就跟这移动 而不是只是左上角跟这移动。。。
document.onmousemove=function(e){
if(isDraging===true){
var nowX=e.pageX-startX;
var nowY=e.pageY-startY;
oDrag.style.left=nowX+'px';
oDrag.style.top=nowY+'px';
return false; //重新触发
}
}
addEventListener 有兼容问题 换document.onmousemove这种形式也可以 自己试下问题不大