• 返回顶部,右侧浮窗-25


    <style>
            .rigFlo{position: fixed;bottom: 150px;right: 50%;margin-right: -720px;width: 108px;height: 99px;background: url(http://image.hc360.com/bw/oneRod/guidIcon.png) no-repeat 0px -183px;display: none;}
    
    .rigFlo a{position: absolute;width: 65px;height: 40px;bottom: 2px;right: 11px;text-indent: -9999px;display: block;}
    .rigFlo:hover{background: url(http://image.hc360.com/bw/oneRod/guidIcon.png) no-repeat -1px -2px;}
    
    @media screen and (max- 1366px) {
        .rigFlo{position: fixed;bottom: 150px;right:0px;width: 108px;height: 99px;background: url(http://image.hc360.com/bw/oneRod/guidIcon.png) no-repeat 0px -183px;display: none;margin-right: 0;}
    }
    
            </style>
            
            <!-- 右侧浮窗 -->
            <div class="rigFlo">
                <a href="javascript:;">返回顶部</a>
            </div>
    
            <script type="text/javascript" src="http://style.org.hc360.com/js/build/source/core/jquery.min.js"></script>
            <script type="text/javascript">
                $(document).scroll(function() {
                    if($(document).scrollTop() > 1600) {
                        $('.rigFlo').show();
                    } else {
                        $('.rigFlo').hide()
                    }
                })
                $('.rigFlo a').click(function() {
                    $('body,html').animate({
                        scrollTop: 0
                    }, 1000);
                })
            </script>
  • 相关阅读:
    线性回归模型练习
    《代码整洁之道》读书笔记五
    第八周总结
    第七周总结
    《代码整洁之道》读书笔记四
    《代码整洁之道》读书笔记三
    第六周总结
    《代码整洁之道》读书笔记二
    第五周总结
    HDFS的JavaAPI操作
  • 原文地址:https://www.cnblogs.com/su1637/p/11936393.html
Copyright © 2020-2023  润新知