JQuery enables the mouse wheel to dynamically change the style or effect _ jquery-js tutorial

This article mainly introduces how jQuery dynamically changes the style or effect of the mouse wheel. For more information, see the following code:

The Code is as follows:

$ (Window). scroll (function (){
Var scrolls = $ (this). scrollTop ();
$ (". Context_block"). each (function () {// block-level element with the class name "context_block"
Var height = $ (this). height ();
If ($ (this). position (). top + height-60> scrolls ){
Var _ index = $ (". context_block"). index ($ (this ));
$ (". Menu a"). parent (). siblings (). contents ("a"). removeClass ("hover_cancelink ");
$ (". Menu a ") [_ index]). addClass ("hover_mobileLink"); // dynamically change the style of the label under the Block-level element whose class is "menu" (add or delete a class)
Return false;
}
});
});

The core code is very simple, but the implementation effect is very good. We recommend it to our friends here.