右侧浮动导航

<div class="left_nav1">
        <p><img src="http://image.hc360.com/nr2017/0621/images/img001.png" width="160" height="110"></p>
        <ul>
                <li><b>·</b><a href="#" target="_blank">上海钦典机械</a></li>
                <li><b>·</b><a href="#" target="_blank">冀南标准件</a></li>
                <li><b>·</b><a href="#" target="_blank">岳展精密科技</a></li>
                <li><b>·</b><a href="#" target="_blank">五和机械</a></li>
                <li><b>·</b><a href="#" target="_blank">颖兴表面处理</a></li>
                <li><b>·</b><a href="#" target="_blank">奥新宇金属制品</a></li>
                <li><b>·</b><a href="#" target="_blank">卡丝不锈钢制品</a></li>
                <li><b>·</b><a href="#" target="_blank">台荣精密机械</a></li>
                <li><b>·</b><a href="#" target="_blank">史特牢金属制品</a></li>
                <li><b>·</b><a href="#" target="_blank">瑞强紧固件</a></li>
        </ul>
        <p id="top1"><img src="http://image.hc360.com/nr2017/0621/images/img002.png" width="160" height="96"></p>
</div>




 <script src="http://image.hc360.com/nr2017/0508/js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
    
     $(window).scroll(function(){
        if($(this).scrollTop()>500){
           $(".left_nav1").css("display","block");
        }else{
           $(".left_nav1").css("display","none");
        };    
     });
    
    
    $("#top1").click(function(){
        $('body,html').animate({scrollTop:0},600);
       return false;
    });

});
</script>

转载于:https://www.cnblogs.com/su1637/p/8204393.html