首页

关于

jQuery迷你教程之Hover方法

日期:2011/12/31  来源:GBin1.com  

在jQuery开发过程中,我们常常需要设计一些相关鼠标悬浮的元素,比如,生成一个动态的提示菜单,或者悬浮的元素动画或者特效。这个过程往往需要调用jQuery的hover方法。一般使用如下代码:

$('.selectorClass').hover(
function(){
  $(this).stop().fadeTo('slow',0.4);
},
function(){
  $(this).stop().fadeTo('slow',1);
});

其实hover方法和jQuery的俩个方法调用效果一致,mouseleave和mouseenter,因此以上代码你也可以书写为如下形式:

$('.selectorClass').hover(function(){
this.check = this.check || 1;
$(this).stop().fadeTo('slow',this.check++%2==0…

标签: HTML/HTML5, CSS/CSS3, Javascript, AJAX, jQuery, jQuery API, jQuery plugin, jQuery UI, jQuery插件, jQuery特效, jQuery教程, jQuery技术网站, jQuery学习网站, jQuery教程, jQuery小测验, hover, hover(), jQuery hover, jQuery悬浮方法使用

阅读更多

下一页

标签

© Copywrite by gbin1.com, all rights reserved.