$(function() {
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
}
);
});
dome地址: http://tympanus.net/Tutorials/FixedNavigationTutorial/
该dome的教程文章: Slide Out Navigation
关于jquery里面的this,有没有好文章介绍一下?还有后面的.stop()也劳烦解释一下怎么用。
3 个解决方案
#1
首先这个this是JavaScript里面的,而不是jQuery的。
在这段代码里,this指的是$('#navigation > li')选择器选出来的对象
通过$(this)可以把dom对象转换为jQuery对象,然后就可以调用jQuery方法stop()了
stop()方法的意思可查阅相关的帮助文档
在这段代码里,this指的是$('#navigation > li')选择器选出来的对象
通过$(this)可以把dom对象转换为jQuery对象,然后就可以调用jQuery方法stop()了
stop()方法的意思可查阅相关的帮助文档
#2
stop()函數是停止動畫
它有兩個布爾類型的可選的參數
stop([clearQueue][,gotoEnd]);
clearQueue代表是否要清空未執行完的動畫隊列.
gotoEnd代表是否直接將正在執行的動畫跳轉到末狀態
它有兩個布爾類型的可選的參數
stop([clearQueue][,gotoEnd]);
clearQueue代表是否要清空未執行完的動畫隊列.
gotoEnd代表是否直接將正在執行的動畫跳轉到末狀態
#3
$('a',$(this))意思是,在$('#navigation > li')中找a标签。
.stop().animate({'marginLeft':'-2px'},200)意思是,停止当前动画,然后执行一个新动画。
加上hover事件,其实读起来很简单,就是当鼠标滑过id为navigation的标签中的li标签中时,其中的a标签有一个左右滑动的动画效果。
.stop().animate({'marginLeft':'-2px'},200)意思是,停止当前动画,然后执行一个新动画。
加上hover事件,其实读起来很简单,就是当鼠标滑过id为navigation的标签中的li标签中时,其中的a标签有一个左右滑动的动画效果。
#1
首先这个this是JavaScript里面的,而不是jQuery的。
在这段代码里,this指的是$('#navigation > li')选择器选出来的对象
通过$(this)可以把dom对象转换为jQuery对象,然后就可以调用jQuery方法stop()了
stop()方法的意思可查阅相关的帮助文档
在这段代码里,this指的是$('#navigation > li')选择器选出来的对象
通过$(this)可以把dom对象转换为jQuery对象,然后就可以调用jQuery方法stop()了
stop()方法的意思可查阅相关的帮助文档
#2
stop()函數是停止動畫
它有兩個布爾類型的可選的參數
stop([clearQueue][,gotoEnd]);
clearQueue代表是否要清空未執行完的動畫隊列.
gotoEnd代表是否直接將正在執行的動畫跳轉到末狀態
它有兩個布爾類型的可選的參數
stop([clearQueue][,gotoEnd]);
clearQueue代表是否要清空未執行完的動畫隊列.
gotoEnd代表是否直接將正在執行的動畫跳轉到末狀態
#3
$('a',$(this))意思是,在$('#navigation > li')中找a标签。
.stop().animate({'marginLeft':'-2px'},200)意思是,停止当前动画,然后执行一个新动画。
加上hover事件,其实读起来很简单,就是当鼠标滑过id为navigation的标签中的li标签中时,其中的a标签有一个左右滑动的动画效果。
.stop().animate({'marginLeft':'-2px'},200)意思是,停止当前动画,然后执行一个新动画。
加上hover事件,其实读起来很简单,就是当鼠标滑过id为navigation的标签中的li标签中时,其中的a标签有一个左右滑动的动画效果。