在网页里做类似window右键的弹出式菜单

最新推荐文章于 2024-11-14 21:02:58 发布

chengling2006

最新推荐文章于 2024-11-14 21:02:58 发布

阅读量659

点赞数

文章标签： function

本文介绍了一个使用JavaScript实现的元素动画效果，包括元素的双击显示、位置调整及尺寸变化等功能。通过设置定时器逐步改变元素的高度和宽度来达到平滑的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 MouseStop()
{
window.event.returnValue=false;
}

function MouseUp()
{
move=0;
obj.style.cursor="hand";
}

document.ondblclick=Dblclick;
document.onmousedown=MouseDown;
document.onmousemove=MouseMove;
document.ondragstart=MouseStop;
document.onmouseup=MouseUp;