zoukankan      html  css  js  c++  java
  • jquery返回顶部-ie6配合css表达式。

    css:

    .wraper{ width:980px; height:2048px; margin:0 auto; background:#ccc; }
    /*返回头部*/
    #backToTop a{ display:block; cursor:pointer;width:25px; height:26px; text-indent:-9999em; position:absolute; left:0; top:0; z-index:10;}
    #backToTop .bt_bg{
            background:url(http://i0.cy.com/xtl/main/20140227/backTop.png) no-repeat;_background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i0.cy.com/xtl/main/20140227/backTop.png',sizingMethod='scale'); 
            width:25px; height:26px ; position:absolute; left:0; top:0; z-index:8; }
    #backToTop { display:none; width:25px; height:26px ; position:fixed; right:50%; margin-right:-533px; bottom:110px; z-index:1; }
    /**针对ie6设置*/
    *html #backToTop { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

    html:

        <div class="wraper">
            
        </div>
        <script type="text/javascript" src="http://www1.changyou.com/scripts/jquery.min.js"></script>

    javascript:

        $('body').append($('<div id="backToTop"><a href="javascript:void(0);">回到顶部</a><div class="bt_bg"></div></div>').hide(0));
        $(window).scroll(function(){
            $('#backToTop').show();
            if ($(document).scrollTop() != 0) 
                $('#backToTop').show();
            else 
                $('#backToTop').hide();
        });
        $('#backToTop a').click(function(){
            $('html, body').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    复杂的事情简单化,简单的事情重复做。
  • 相关阅读:
    静态链接到 MFC 的规则 DLL
    DLLAFX_MANAGE_STATE(AfxGetStaticModuleState())模块状态切换保护
    多线程专题之线程同步(1)
    UVa 4256 Salesmen dp
    nefu 661 Clockwise 水DP+略几何
    10635 Prince and Princess LCS&LIS
    UVa 3882 And Then There Was One 递推无力orz
    UVa 10192 Vacation 字符串dp
    UVa 11584 Partitioning by Palindromes 回文串dp
    UVa 10534 Wavio Sequence LIS
  • 原文地址:https://www.cnblogs.com/zhidong123/p/3781641.html
Copyright © 2011-2022 走看看