css实现悬浮上下滚定菜单效果代码

代码语言:html

所属分类:菜单导航

代码描述:css实现悬浮上下滚定菜单效果代码

代码标签: 上下 滚定 菜单 效果

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

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }
        /* go */
        .go {
            width: 47px;
            height: 106px;
            background-color: #FFF;
            position: fixed;
            _position: absolute;
            _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));
            right: 12px;
            bottom: 25%;
            border-radius: 5px;
            box-shadow: 0 0 2px #6E6E6E;
            *border: solid 1px #ddd;
        }
        .go a {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABHCAMAAABrhQpXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFD4IM/24A////SByKMAAAAAN0Uk5T//8A18oNQQAAARZJREFUeNrsmMESwiAMRJf+/0c7WmlJ2BBq96AjnGw6eSJN426wtQvAlq9Sis1yiAlIKQ4Ct4sc8gRYCPwPySB7uoGgO4sxpCa3EPTHOYKcqQ2EJcaQ9tvPz2BpEcQe5XHFz4BDfF3Ua/AUBvGIIxI9zj7WI2oM0cZ9lCHe0bgybZwj9vjgDWnvRIjXnVFBGcag7Gbe9Wwtxpcyhsv24WiJGPfrdDEWYzF+kcFaRtY/TJQzMMU4ehDbfq4NiQ6yjFSjOnlJGDMyl+rCkzEht51SBvmruKrYCWPKOJRtxLhuPhCWZvpsl3b4Dx0k6WO39brCN0j8i8RHSfycxFdK/K3EZ0v8vmTuIJl/SOYwknnQp3OphwADAInuIN5Hzm4rAAAAAElFTkSuQmCC).........完整代码请登录后点击上方下载按钮下载查看

网友评论0