发布于 2016-10-06 00:05:00 | 116 次阅读 | 评论: 1 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
很多情况 Jquery 中 尤其在 鼠标经过的时候会不停的 显示隐藏 html元素。 导致来回隐藏、显示
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){ //********问题点在这里,这里没有判断是否处于动画
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
if(!$(".panel").is(":animated")){ //问题点在这里,这里有判断是否处于动画
$(".panel").slideToggle("slow");
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(this).stop().slideToggle("slow");//stop() 函数停止动画队列。
});
});
</script>