Effect: http://hovertree.com/texiao/jquery/64/
As follows:
The code is as follows:
<!DOCTYPE HTML><HTML><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><title>jquery with buttons scroll up and down code-how to ask</title><BaseTarget= "_blank" /><Linkhref= "Http://hovertree.com/texiao/jquery/64/css/myScroll.css"rel= "stylesheet"type= "Text/css" /><Scriptsrc= "Http://down.hovertree.com/jquery/jquery-1.4.4.min.js"type= "Text/javascript"></Script><Scriptsrc= "Http://hovertree.com/texiao/jquery/64/js/jq_scroll.js"type= "Text/javascript"></Script><Scripttype= "Text/javascript">$ (document). Ready (function () {$("#HoverTreeScroll"). Scroll ({line:1, Speed: -, Timer: the, up:"but_up", down:"But_down" });});</Script></Head><Body><Divclass= "Hovertreeinfo"><H2>jquery with buttons scroll up and scroll down</H2>You can manually control the scrolling and then stop the auto-scrolling by putting the mouse on. <ahref= "Http://hovertree.com/h/bjaf/gundong.htm">Original</a> <ahref= "Http://hovertree.com">Home</a> <ahref= "http://hovertree.com/texiao/">Effects</a></Div><Divclass= "Hovertreebox"><DivID= "Hovertreescroll"><ul><Li><H3><ahref= "Http://hovertree.com/h/bjaf/6sm1esjw.htm"class= "Linktit">jquery implements the Unwinding function</a></H3> <Div>By the impact of the shop, clothing store business has gradually declined, the boss to ask what to talk about, is probably ready to buy the trend with the internet ...</Div></Li><Li><H3><ahref= "Http://hovertree.com/h/bjaf/gundong.htm"class= "Linktit">Keep turning up scroll to control up and down effects</a></H3> <Div>DIV CSS JS automatically keeps up one scroll to control the effect of scrolling up and down ...</Div></Li><Li><H3><ahref= "Http://hovertree.com/h/bjaf/5f5eiagg.htm"class= "Linktit">jquery Run Bar Bros special effects</a></H3> <Div>HTML5/CSS3 Run Animation demo, Life is movement, run it brother!</Div></Li><Li><H3><ahref= "Http://hovertree.com/h/bjaf/yuyihua.htm"class= "Linktit">HTML5 Why the Fire</a></H3> <Div>H5 has a server push technology that allows users to have a better live chat on a Web page ... by what ask Hovertree.com</Div></Li><Li><H3><ahref= "Http://hovertree.com/h/bjaf/c7lmaqjx.htm"class= "Linktit">My first bootstrap page</a></H3> <Div>Responsive design: Bootstrap's responsive CSS adapts to desktops, tablets and phones ...</Div></Li><Li><H3><ahref= "Http://hovertree.com/code/jquery/dfkh88e4.htm"class= "Linktit">jquery also changes the hover row and column background color</a></H3> <Div>The table hover effect. When the mouse hovers over a cell, the cell's row and column background color changes ...</Div></Li></ul></Div><Divclass= "Scroltit"><Divclass= "UpDown"ID= "But_down">Up</Div><Divclass= "UpDown"ID= "But_up">Down</Div></Div></Div></Body></HTML>
Transferred from: http://hovertree.com/h/bjaf/gundong.htm
Special effects: http://www.cnblogs.com/roucheng/p/texiao.html
jquery with control buttons scroll up and down the text list