悬浮窗口代码

最新推荐文章于 2021-06-01 05:42:03 发布

weixin_30799995

最新推荐文章于 2021-06-01 05:42:03 发布

阅读量554

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shark1100913/p/5960677.html

本文介绍了一种网页布局的方法，并展示了如何使用固定的导航栏增强用户体验。通过设置不同的样式和位置属性，可以创建既美观又实用的导航菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<div class="public-container-max">
        
        <div class="s-nav">
                <a href="#"><img id="s-nav-a" src="images/jiaoyi-2_03.gif"></a>
                <a href="#"><img id="s-nav-b" src="images/jiaoyi-2_05.gif"></a>
                <a href="#"><img id="s-nav-c" src="images/jiaoyi-2_06.gif"></a>
                <a href="#top"><img id="s-nav-d" src="images/jiaoyi-2_07.gif"></a>
            </div>
</div>

.public-container-max
{
    position: relative;
    margin: 0 auto;
    width: 1000px;
}

.s-nav
{
    width:70px; 
    height: 280px; 
    position:fixed;
    left:50%;
    top:69%;
    margin-left:535px;
    background-color:#333333;
}

#s-nav-b
{
    margin-top:-3px;
}
#s-nav-c
{
    margin-top:-4px;
}
#s-nav-d
{
    margin-top:-4px;
    
}