<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无档</title>
<script src="jq.js" type="text/javascript"></script>
<script src="js.js" type="text/javascript"></script>
</head>
<style>
#menu{
width:300px;
}
.haschildren{
padding:3px;
background-color:#999;
margin-bottom:11px;
}
div a{
z-index:-11px;
background:#666;
display:none;
float:left;
width:300px;
}
</style>
<body>
<div id="menu">
<div class="haschildren">
<span>第一章</span>
<a>javascript</a>
<a>加入</a>
<a>编写方法</a>
<a>小结</a>
</div>
<div class="haschildren">
<span>第二章</span>
<a>jquery选择器是什么</a>
<a>jquery的优势</a>
<a>jquery选择器</a>
<a>小结</a>
</div>
</div>
</body>
</html>
$(document).ready(function(){
$(".haschildren").hover(function(){
//清空之前的动画并且把动画之前到末状态
$(this).children("a").stop(true,true).slideDown(511).end()
.siblings().children("a").stop(true,true).slideUp(111);
},function(){
$(this).stop(true,true);
$(this).children("a").slideUp(1111);
})
});
http://xinwenmm.co.cc
分享到:
相关推荐
利用jQuery和HTML5可以模拟很多数学中的函数图象,比如HTML5 Canvas正弦波动画。今天我们要介绍一个用jQuery实现简单的模拟抛物线轨迹的插件,可以开始和暂停抛物线的运动,以及重新设置抛物线的参数。 下面简单...
本文主要对jQuery停止动画——stop()方法的使用进行详细介绍,对学习jQuery动画有很好的帮助,下面就跟小编一起来看下吧
主要介绍了JQuery动画animate的stop方法使用,需要的朋友可以参考下
js代码 [removed] $(function(){ // 边框效果--移入 function biankuang(){ ... $('.biankuang_1').stop(true).... jQuery鼠标悬停图片边框动画特效是一款鼠标移动商品图片的时候动画显示红色边框的动画代码。
本文实例讲述了jQuery动画出现连续触发、...2、在触发元素的事件时预先停止所有的动画,再执行相应的动画事件(使用stop) jquery stop: 代码如下://语法结构 $(“#div”).stop();//停止当前动画,继续下一个动画
jQuery 本身的动画只有停止的功能,一但停止(stop)后就无法自动接着做未做完的动画内容。 因此Pause插件扩充了animate() 的功能,让它可以支持暂停(pause)及恢复(resume)动画。 这个插件覆盖jQuery的默认的animate...
我们都晓得,在jQuery中有一个很强大的方法——stop(),他是阻止在连续动画或事件中出现重复累积状况的方法。那么,stop()怎么用呢?来带大家先认识一下stop()吧: stop()在语法上有两个参数,分别都是Boolean布尔值...
近期查看前辈的代码,发现在使用animate()的时候前面需要加上stop(),来防止移进移出的闪动问题,但却不知道stop()里面参数的真正意思,今天查了下stop()中参数的意义和具体使用方法,分享给大家。 stop(true)...
实例中涉及到使用动画方法animate,动画停止方法Stop,其他详情在示例代码中都有注释。
重写jQuery.animate的默认行为,优先使用CSS3 Transition实现动画。 为什么要使用? 这个插件是jQuery.animate方法的重写,您不需要考虑修改代码,只需要包含插件,就可以让您所有的jQuery动画都转化为CSS3 ...
#stop { margin-left:25px;...jQuery stop() 方法用于在动画或效果完成前对它们进行停止。 停止滑动 点击这里,向上/向下滑动面板 时间是宝贵的,因此,我们为您提供快捷易懂的学习内容。 在这里,您可以通过一
首先给大家介绍jquery data()函数 jQuery中data()函数用于向被选元素附加数据,或者从被选元素获取数据。通过data()函数存取的数据都是临时数据,一旦页面刷新...二、jquery data的使用方式 1、获取附加的data的值 $(s
动画效果 show():显示 hide()隐藏 $().toggle():显示和隐藏效果切换 都可以传入参数,speed. fadeOut(淡出) ...$(‘:animated’).stop():停止当前的动画。 stop(true)表示清除队列中的所有的
主要介绍了jquery中animate的stop()方法作用,实例分析了animate的stop()方法在视频播放代码中的使用技巧,感兴趣的朋友可以对比分析一下带stop方法与不带stop方法运行效果的区别,需要的朋友可以参考下
本案例主要应用的jQuery的hover()、stop()、以及animate()三个方法(不理解此三个属性的可以百度一下) 当鼠标悬停后,内部板块向上移动一个单元。移开鼠标后恢复,而整个动画效果靠animate实现 使用方法...
主要为大家详细介绍了原生js仿jquery animate动画效果,具有一定的,感兴趣的小伙伴们可以参考一下
jQuery stop() 方法用于停止动画或效果,在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。 语法 $(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该...
4:支持stop停止动画; 5:支持opacity透明度变化; 6:支持+= -= *= /=操作; 7:支持单位操作(px, %); 2:使用说明 jelle(A).animate(B, C, D); A:需要执行动画的dom元素ID; B:动画的主要参数传递{key,val,key2,...