js返回顶部侧边栏浮动菜单效果代码-html代码-BFW代码库

js返回顶部侧边栏浮动菜单效果代码

代码语言：html

代码描述：js返回顶部侧边栏浮动菜单效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>返回顶部</title>
    <style type="text/css">
        /* reset */
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
            margin: 0;
            padding: 0
        }
        fieldset,img {
            border: 0;
        }
:focus {
            outline: 0;
        }
        ol,ul {
            list-style: none;
            list-style-position: outside;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        address,caption,cite,code,dfn,em,i,strong,th,var,optgroup {
            font-style: normal;
            font-weight: normal;
        }
        body,button,input,select,textarea {
            font: 12px/1.5 微软雅黑,arial,sans-serif;
        }
        button,input,select,textarea,h1,h2,h3,h4,h5,h6 {
            font-size: 100%;
        }
        body {
            color: #333;
            min-width: 1120px;
        }
        a {
            color: #333;
            text-decoration: none;
        }
        a:hover {
            color: #f60;
            text-decoration: underline;
        }
        a:hover em,a:hover i,a:hover span {
            cursor: pointer;
        }
        .cf:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .cf {
            *zoom: 1;
        }

        /*** guide ***/
        .guide {
            width: 60px;
            margin-left: 570px;
            position: fixed;
            left: 50%;
            bottom: 134px;
            _position: absolute;
            _top: expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight -134+'px');
            display: block;
        }
        .guide a {
            display: block;
            width: 60px;
            height: 50px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAEsCAMAAAC8HyviAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRF////srOzz8/P7+/w+Pj54+Pj+vr63dza/fz94+zy8/X2xL3C/v7+qqqq////f5hnkAAAAA90Uk5T//////////////////8A1NyYoQAAA69JREFUeNrs3d1yojAAgNEEy0+h7vs/7qKtbhUSicJMu5zvkpGbMxgwBAx/tGEBAV68wosXr/DixSu8ePEKL17hxYtXePHiFV68eIUXr/DixSu8ePEKL168wosXr/DiFV68eIUXL17hxYtXePEKL168wosXr/DixSu8ePEKL17hxYtXePHiFV68eIUXr/DixSu8ePEKL168wosXLwK8eIUXL17hxYtXePHiFV68wosXr/DixSu8ePEKL17hxYtXePHiFV68eIUXL17hxSu8ePEKL168wosXr/DiFV68eIUXL17hxYtXePHiFV68wosXr/DixSu8ePEKL17hxYtXeP.........完整代码请登录后点击上方下载按钮下载查看