js 滚动式 弹出菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<style type="text/css"> 
<!-- 
* {margin:0px; padding:0px} 
#abc { 
    position:absolute; 
    left:155px; 
    top:5px; 
    width:200px; 
    height:370px; 
    z-index:1; 
    border: 5px solid #666666; 
    background-color: #CCCCCC; 
    overflow:hidden; 
} 
--> 
</style>
</head>
<body> 
<div id="abc" onclick="opendiv()"> 
laksdflakjf<p>3453245353</p> 
</div>
<script> 
    document.getElementById("abc").style.left = "1248px"; 
    document.getElementById("abc").style.width="0px";
function closediv() 
{ 
    scrollpage2=setInterval(closediv2,5); 
} 
function closediv2() 
{ 
    var l = parseInt(document.getElementById("abc").style.left) 
    var w = parseInt(document.getElementById("abc").style.width) 
    if (l>1245 || w<0) 
    { 
        clearInterval(scrollpage2); 
    }else{ 
        l = l + 3 
        document.getElementById("abc").style.left = (l)+"px"; 
        w = w - 2.5 
        document.getElementById("abc").style.width = (w)+"px";     
    } 
}    
function opendiv() 
{ 
    if(parseInt(document.getElementById("abc").style.width)>0) 
        scrollpage2=setInterval(closediv2,10); 
    else 
        scrollpage=setInterval(opendiv2,10); 
         
} 
function opendiv2() 
{ 
    var l = parseInt(document.getElementById("abc").style.left) 
    var w = parseInt(document.getElementById("abc").style.width) 
    if (l<1050 || w>200) 
    { 
        clearInterval(scrollpage); 
    }else{ 
        l = l - 3 
        document.getElementById("abc").style.left = (l)+"px"; 
        w = w + 3.5 
        document.getElementById("abc").style.width = (w)+"px";     
    }
}     
</script> 
</body> 
</html>

时间： 2024-08-03 02:07:17

js 滚动式 弹出菜单的相关文章

js右击弹出菜单

日志 R2的-2 007年七月十六日 现在默认正确适用 由影子, eventPosX , eventPosY , onContextMenu和onShowMenu选择 许多这些变化的照顾丹湾瑞士,二.由于丹! r1 -2 007年3月9 首次发布 用法 $ (要素) . contextMenu (弦乐menu_id [对象设置] ) ; 您定义的菜单结构中的HTML标记.对于每个菜单上,建立一个无序列表中区级" contextMenu "和你的ID将提交给它的(见实例) .该专区也可以

js 右键弹出菜单效果代码

点右键就能看到效果! 首页综合菜单状态文本页面图形时间按扭取消

Android实现类似于PC中的右键弹出菜单效果_Android

 Android系统中的ContextMenu(上下文菜单)类似于PC中的右键弹出菜单,当一个视图注册到一个上下文菜单时,执行一个在该对象上的"长按"动作,将出现一个提供相关功能的浮动菜单.上下文菜单可以被注册到任何视图对象中,不过,最常见的是用于列表视图ListView的item,在按中列表项时,会转换其背景色而提示将呈现上下文菜单. 注意:上下文菜单不支持图标和快捷键. 为了创建一个上下文菜单,你必须重写这个活动的上下文菜单回调函数:onCreateContextMenu() 和

5款纯div+css制作的弹出菜单(标准且无js)

css|js|标准|菜单 一.最基本的:二级dropdown弹出菜单<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><

网页特效js右击弹出快捷菜单代码

提示:您可以先修改部分代码再运行 网页特效js右击弹出快捷菜单代码 搜狐 新浪 TOM NBA JavaScript网站 提示:您可以先修改部分代码再运行

js中可访问弹出菜单/窗口实现代码

[Open Window] [Open Iframe] | [Open Current Page DOM] get focus Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a ga

利用DW MX自带的行为制作弹出菜单(组图)

菜单 不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接.下面简单和大家说说制作的过程! 1.我这次是用图片,先在DWMX中新建一个页面,插入图片.选取图片,打开行为窗口,点击+号,选取"显示弹出式菜单"选项,这时候DWMX就打开一个窗口如下图: 大家可以看到有四个选项,分别为:"内容.外观.高级.位置" 2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图: 如果你的菜

仅用css编写无限分级弹出菜单

css|菜单 一直以来,我们大多使用js来实现弹出菜单,可是根据 w3c 的css标准,根本就没有这个必要.只需要简单得使用css+html就可以做出一个无限分级的弹出菜单.没错,就是利用 Element:hover 这个伪类.注意,浏览这个例子,你必须使用标准浏览器,例如 Mozilla Firefox/ Opera 7.5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.

用css编写的适合标准浏览器的无限分级弹出菜单

css|标准|菜单|浏览器 一直以来,我们大多使用js来实现弹出菜单,可是根据 w3c 的css标准,根本就没有这个必要.只需要简单得使用css+html就可以做出一个无限分级的弹出菜单. 没错,就是利用 Element:hover 这个伪类. 注意,浏览这个例子,你必须使用标准浏览器,例如 Mozilla Firefox/ Opera 7.5 IE 不行!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &qu