Home > Developer > Web Develop
A jquery code returns to the top of the line
Effect Experience:
http://hovertree.com/texiao/yestop/
How to use:
Just refer to the jquery library and the Yestop plug-in, and then one line of code can be implemented to return to the top:
Reference code:
<type= "Text/javascript" src= "Http://hovertree.com/ziyuan/jquery /jquery-1.11.3.min.js "></script><type = "Text/javascript" src= "http://hovertree.com/texiao/yestop/inc/ Jquery.yestop.js "></script>
Using code:
<type= "Text/javascript"> $ (document). Ready ( function () {$.fn.yestop ();}) </ Script >That is
$.fn.yestop ();
This code will do the right thing.
Of course, there are advanced settings, such as changing pictures, setting icons for the circle, setting the location, setting the time, and so on. See other demos for details.
Complete code, save to HTML file to experience the effect:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "UTF-8"> <title>Yestop-hovertree</title><Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0"> <Scripttype= "Text/javascript"src= "Http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></Script> <Scripttype= "Text/javascript"src= "Http://hovertree.com/texiao/yestop/inc/jquery.yestop.js"></Script> <style>Body{margin:0px;font-family:Arial}a{Color:Blue} </style></Head><Body> <Divstyle= "text-align:center;width:100%;margin:0px auto;"> <H1>Yestop</H1>A jQuery Plugin<BR/> <ahref= "http://hovertree.com/texiao/yestop/">Demo 1</a> <ahref= "Http://hovertree.com/texiao/yestop/demo2.htm">Demo 2</a> <ahref= "Http://hovertree.com/texiao/yestop/demo3.htm">Demo 3</a> <ahref= "Http://hovertree.com/texiao/yestop/demo4.htm">Demo 4</a> <ahref= "Http://hovertree.com/h/bjaf/topimage.htm">Images</a> </Div> <Divstyle= "Height:360px;background-color: #66FF66;"> </Div> <Divstyle= "width:100%;text-align:center;height:200px">©Hovertree.com</Div> <Divstyle= "height:200px; visibility:visible; background-color:olive"> </Div><Divstyle= "Height:200px;background-color:burlywood"></Div><Divstyle= "Height:200px;background-color:darkorchid"></Div> <Divstyle= "height:200px; visibility:visible; Background-color:gray"> </Div> <Divstyle= "Height:200px;background-color:blue"></Div> <Divstyle= "Height:200px;background-color:red"></Div> <Divstyle= "Height:200px;background-color:yellow"></Div> <Divstyle= "Height:200px;background-color:yellowgreen"></Div> <Divstyle= "Height:800px;background-color:white"></Div> <Scripttype= "Text/javascript">$ (document). Ready (function() {$.fn.yestop ();}) </Script></Body></HTML>
MORE: http://www.cnblogs.com/roucheng/p/texiao.html
A jquery code returns to the top of the line
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
