js编写弹出式菜单

xiaoxiao2023-03-22  47

做一个类似于window右键的弹出式菜单。 代码如下: var obj; function loadobj(o) { obj=o; } function expand() { var h=parseInt(obj.height); var w=parseInt(obj.width); var op=10; if( h<=170 ) { if( w<60 ) obj.style.width=w+6; obj.style.height=h+17; x=setTimeout('expand()', 25); } else { obj.style.width=60; obj.style.height=174; clearTimeout(x); } } var drag=0; var move=0; function Dblclick() { if (event.button==0) { obj.style.visibility="visible"; obj.style.left=window.event.x; obj.style.top =window.event.y; obj.style.width=0; obj.style.height=0; obj.filters.item(0).apply(); obj.filters.item(0).transition = 25; obj.filters(0).play(0.5); expand(); } } function MouseMove() { if(move==1) { obj.style.cursor="move"; obj.style.left=window.event.x-l; obj.style.top=window.event.y-t; } } function MouseDown() { if(drag) { l = window.event.x - parseInt(obj.style.left); t = window.event.y - parseInt(obj.style.top); obj.style.zIndex+=1; move=1; } else { document.body.style.cursor='default'; obj.style.visibility='hidden'; } } function MouseStop() { window.event.returnValue=false; } function MouseUp() { move=0; obj.style.cursor="hand"; } document.οndblclick=Dblclick; document.οnmοusedοwn=MouseDown; document.οnmοusemοve=MouseMove; document.οndragstart=MouseStop; document.οnmοuseup=MouseUp 相关资源:京东左侧商品分类菜单JS弹出式菜单
转载请注明原文地址: https://www.6miu.com/read-4987464.html

最新回复(0)