【免费】常用菜单脚本收集资源-CSDN文库

共111个文件

gif：74个

js：9个

htm：9个

需积分: 0 150 浏览量 2008-07-19 09:21:27 上传评论收藏 143KB RAR 举报

在IT领域，尤其是在Web开发中，菜单脚本和JavaScript扮演着至关重要的角色。"常用菜单脚本收集"这个资源显然是一份包含多种实用菜单脚本的集合，旨在帮助开发者更高效地创建交互式和动态的网页菜单。这些脚本可能包括下拉菜单、滑动菜单、响应式菜单等多种类型，都是基于JavaScript这一强大的客户端脚本语言。 JavaScript是Web开发中的基石之一，它允许开发者在不刷新页面的情况下更新内容，增加用户与网页的互动性。在菜单脚本中，JavaScript通常用于处理用户的点击事件，控制菜单的显示和隐藏，以及实现各种动画效果。例如，一个常见的应用场景是创建一个下拉菜单，当用户将鼠标悬停在主菜单项上时，下拉菜单会自动展开，移开鼠标后则自动收起。在提供的压缩包文件中，"函数"可能是包含了一系列JavaScript函数的文件。这些函数可能涵盖了菜单的初始化、事件绑定、样式控制、动画执行等功能。例如，`initMenu()`函数可能会用于在页面加载时设置菜单的初始状态；`showSubMenu()`和`hideSubMenu()`函数则可能分别用于显示和隐藏子菜单；`animateMenu()`可能用于添加平滑过渡效果。菜单脚本的设计通常要考虑易用性和可访问性。易用性意味着菜单需要直观且易于导航，而可访问性则要求脚本能够适应不同的用户需求，如支持键盘导航和屏幕阅读器。此外，考虑到现代Web的多设备和多屏幕尺寸特性，响应式设计也是菜单脚本的重要组成部分，确保菜单在不同设备和窗口大小下都能良好工作。在实际应用中，开发者可以通过修改这些脚本来适应自己的项目需求，例如改变颜色、字体、布局，或者添加自定义的动画效果。同时，这些脚本也可以作为学习JavaScript和前端开发的实例，帮助初学者理解事件处理、DOM操作、CSS选择器等基础知识。 "常用菜单脚本收集"这份资源是Web开发者和学习者的一份宝贵财富，它提供了丰富的实践素材，可以提高开发效率，同时也有助于提升技能和理解Web交互设计的深度。通过深入研究和实践这些脚本，开发者能够更好地掌握JavaScript在创建动态菜单中的运用，从而提升用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

常用菜单脚本收集（111个子文件）

style_1.css 70KB

c3.css 21KB

layout.css 8KB

typography.css 6KB

link.css 4KB

editor.css 3KB

global.css 537B

Face_11.gif 3KB

Loading.gif 3KB

newtopic.gif 2KB

Face_03.gif 2KB

Face_73.gif 2KB

reply.gif 2KB

chacha_4409.gif 2KB

jinjin_4409.gif 1KB

Face_76.gif 1KB

Face_75.gif 1KB

discuz_icon.gif 1KB

qq.gif 1KB

hn2_sunny.gif 922B

hn2_t_sunny.gif 863B

firefox.gif 809B

Face_53.gif 733B

Face_78.gif 708B

Face_50.gif 706B

Face_51.gif 700B

Face_27.gif 699B

Face_69.gif 696B

Face_48.gif 692B

Face_49.gif 690B

Face_14.gif 682B

Face_08.gif 679B

Face_05.gif 672B

Face_30.gif 668B

Face_19.gif 644B

Face_68.gif 633B

14.gif 624B

16.gif 604B

From.gif 592B

Face_34.gif 589B

2.gif 588B

icon_trackback.gif 582B

3.gif 576B

Face_72.gif 544B

Face_01.gif 465B

Face_04.gif 464B

Face_06.gif 456B

Face_09.gif 456B

Face_10.gif 455B

Face_12.gif 450B

Face_07.gif 443B

Face_32.gif 436B

Face_22.gif 436B

Face_02.gif 436B

Face_13.gif 435B

322777.gif 430B

Face_29.gif 424B

Face_24.gif 423B

Face_21.gif 417B

Face_33.gif 415B

Face_17.gif 414B

Face_36.gif 409B

Face_16.gif 407B

Face_35.gif 388B

Face_20.gif 380B

tag.gif 378B

Face_28.gif 377B

Face_15.gif 375B

1.gif 354B

logo.gif 338B

Face_31.gif 334B

Face_18.gif 287B

level3.gif 287B

Face_23.gif 265B

Face_26.gif 243B

Face_25.gif 241B

22.gif 157B

Cprevious.gif 130B

Cnext.gif 129B

21.gif 123B

noavatar.gif 110B

绝对经典的滑轮新闻显示(javascript+css).htm 100KB

javascript定时setTimeout和取消定时clearTimeout - wind.htm 42KB

JsCode.htm 18KB

滑出式菜单 ---code.htm 12KB

HTML DOM clearTimeout() 方法.htm 11KB

code.htm 9KB

JsCode模仿Flash AS效果的导航菜单.htm 6KB

自动收缩的菜单.htm 5KB

code--自动收缩菜单.htm 5KB

333.html 6KB

c.html 2KB

a.html 534B

common.js 25KB

ajax.js 13KB

viewthread.js 11KB

menu.js 7KB

common.js 6KB

ajs.js 6KB

UBBCode_help.js 3KB

共 111 条

setTimeout()与clearTimeout()的使用2008年03月26日星期三 23:06<head> <script type="text/javascript"> function startload() { mytimer=window.setTimeout("alert('时间很晚了，应该离开了！')",10000) } function stop() { window.clearTimeout(mytimer); con=confirm("真的想结束浏览吗？"); if(con==ture)window.close(); } </script> </head> <body onLoad="startload()"> <form> <center> <h3>请在10秒钟单击以下按钮以技术浏览：</h3> <input type="button" value="请在10秒钟内单击此按钮" onClick="stop()"> </center> </form> </body> <head> <script type="text/javascript"> function startload() { mytimer=window.setTimeout("alert('时间很晚了，应该离开了！')",10000) } function stop() { window.clearTimeout(mytimer); con=confirm("真的想结束浏览吗？"); if(con==ture)window.close(); } </script> </head> <body onLoad="startload()"> <form> <center> <h3>请在10秒钟单击以下按钮以技术浏览：</h3> <input type="button" value="请在10秒钟内单击此按钮" onClick="stop()"> </center> </form> </body> 首先我的浏览器是正常滴.我在在页面body上放了一个<img id="myimg" src="本地的一个小图片"/>; 又在body的onload事件上放了个事件 Init(){imgObj.src="网络上的一个图片";//imgObj是image对象 clearIt();} function clearIt(){ document.getElementById("span1").innerText=i++;//i在外部定义 if(imgObj.complate){document.getElementById("myimg").src=imgObj.src;clearTimeout(test);} setTimeout("clearIt()",1000); } 问题出来了，当网络上的图片加载完后，替换了当前的图片，但是记时器没有停下来。当我把，clearTimeout()这个方法交给一个button执行时。它就停下来了。请问是为什么，难道这个方法必须让客户端手动激发吗??? clearTimeout(test); 不知道你这里面的test是哪来的, 要使clearTimeout生效,你应该给它传一个正确的对象. 例如: var timing = setTimeout("alert('abcd')", 1000); clearTimeout(timing); stop按钮错在哪了，我一点就说有错，错在哪了，HELP。。。。 <HTML> <HEAD> <script Language="JavaScript"> var msg = "管井洋水产资讯网" ; var interval = 100 var spacelen = 120; var space10=" "; var seq=0; function Scroll() { len = msg.length; window.status = msg.substring(0, seq+1); seq++; if ( seq >= len ) { seq = 0; window.status = ''; var ink=window.setTimeout("Scroll();", interval ); } else ink=window.setTimeout("Scroll();", interval ); } </script> <META HTTP-EQUIV="Content-Type" CONTENT="text/html"> <META NAME="GENERATOR" CONTENT="主页制作百宝箱99版"> <META NAME="Author" CONTENT="主页制作百宝箱99版"> <TITLE>你的标题</TITLE> </HEAD> <BODY> <form name="theform"> <input type="button" value="star" onclick="Scroll();"><p> <input type="button" value="stop" onclick="window.clearTimeout(ink);"> </form> </BODY> </HTML> ------------------------------- function doIt(){} 要定时运行该函数可用： var theTimer; theTimer=setTimeout('doIt()',4000);//数字为毫秒若要每隔4秒执行一次可以在doIt()中加一个setTimeout: var flag=0; function doIt() { ....... if(flag==1){setTimeout('doIt()',4000);} } 用下面的方法来启动： function AutoPlay() { flag=1; doIt(); } 取消定时用clearTimeout()方法上面的例子可用下面的方法来停止： function StopPlay() { flag=0; clearTimeout(theTimer); }

评论收藏

内容反馈