You must have seen the effects of rolling up! Seamless intermittent upward Scrolling should not be unfamiliar. Next we will introduce jquery to you to implement seamless intermittent scrolling. If you are interested, please refer to the following link and hope to help you.
JS Section
The Code is as follows:
$ (Function (){
Var $ this = $ (". renav ");
Var scrollTimer;
$ This. hover (function (){
ClearInterval (scrollTimer );
}, Function (){
ScrollTimer = setInterval (function (){
ScrollNews ($ this );
},2000 );
}). Trigger ("mouseout ");
});
Function scrollNews (obj ){
Var $ self = obj. find ("ul: first ");
Var lineHeight = $ self. find ("li: first"). height ();
$ Self. animate ({"margin-top":-lineHeight + "px"}, 600, function (){
Export self.css ({"margin-top": "0px"}). find ("li: first"). appendTo ($ self );
})
}
HTML section
The Code is as follows:
- Roche
- Ruishengda
- 1 not added
- 2 not added
- Not added 3
- Not added 4
- Siemens
- OMRON