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