zoukankan      html  css  js  c++  java
  • jQuery实现“返回顶部”

    <head> <title>jQuery实现“返回顶部”(固定DIV) - 计划 - 博客园</title>
        <meta name="keywords" content="www.cnblogs.com/jihua"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
    <div style=" background-color:Green; 100%;height:150px;">jihua.cnblogs.com</div>
    <div style=" background-color:Red; 100%;height:150px;">欢迎</div>
    <div style=" background-color:Yellow; 100%;height:150px;">hi</div>
    <div style=" background-color:Silver; 100%;height:150px;">计划</div>
    <div style=" background-color:Aqua; 100%;height:150px;">博客园</div>
    <div style=" background-color:Fuchsia; 100%;height:150px;">jihua</div>
    <div style=" background-color:Green; 100%;height:150px;">cnblogs.com</div>
    <div style=" background-color:Blue; 100%;height:150px;">cnblogs</div>
    <div style=" background-color:Olive; 100%;height:150px;">欢迎光临</div>
    <div style=" background-color:Green; 100%;height:150px;">A</div>
    <div style=" background-color:Purple; 100%;height:150px;">jihua.cnblogs.com</div>
    <div style=" background-color:Green; 100%;height:150px;">B</div>
    <div style=" background-color:Lime; 100%;height:150px;">hello</div>
    <div style=" background-color:Orange; 100%;height:150px;">last</div>
    <div style="position:fixed;bottom:50px;right:60px;border:solid 1px #ccc;cursor:pointer;font-family:微软雅黑;"
    onclick
    ="$('body,html').animate({scrollTop:0},800);" ><br /><br /><br /></div>
    </body>
    </html>

  • 相关阅读:
    bzoj2732[HNOI2012]射箭
    poj1474 Video Surveillance
    bzoj3167[HEOI2013]SAO
    hdu2296 Ring
    bzoj2119 股市的预测
    bzoj2244[SDOI2011]拦截导弹
    bzoj3502[PA2012]Tanie Linie(最大k区间和)
    vijos1859[TJOI2014]电源插排
    比较SQL查询性能 语句
    什么是高内聚低耦合
  • 原文地址:https://www.cnblogs.com/fjzhang/p/2738839.html
Copyright © 2011-2022 走看看