jquery enables simple, seamless scrolling
Scroll () Usage:
function Scroll () {
$ (". Content ul"). Animate ({"Margin-left": " -110px"},function () {
//This is let the whole UL slide forward first Li, If you want to slide 5 at a one-time, then 550px.
To scroll up, change to $ (". Content ul"). Animate ({"Margin-top": " -105px"}
///want to scroll down to $ (". Content ul"). Animate ({"Margin-top": "105px"}
//Want to scroll to the right to be changed to $ (". Content ul"). Animate ({"Margin-left": "110px"}
$ (". Content ul li:eq (0)"). Appendto ( ". Content ul")
$ (". Content ul"). CSS ({"Margin-left": 0})
//corresponding to this side
//want to scroll up to $ (". Content ul"). Animate ({ "Margin-top": 0}
//Want to scroll down to $ (". Content ul"). Animate ({"Margin-top": 0}
//Want to scroll to the right to $ (". Content ul"). Animate ({"Margin-left": 0}
})
}
SetInterval (scroll,1000)
//This above is 1000 is the speed of scrolling, you can adjust yourself
The above mentioned is the entire content of this article, I hope you can enjoy.