• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Html+CSS浮动的广告条实现分解
    1.html部分

    复制代码
    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <title>blog_floatdiv.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="./css/blog_floatdiv.css">
    <script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="./js/blog_floatdiv.js"></script>
    </head>
    <body>
    <div id="fdiv">
    我是浮动的div<img src="images/logingb.png">
    </div>
    浮动的div
    浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div 浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div
    浮动的div

    </body>
    </html>

    2.css部分

    复制代码
    代码如下:

    #fdiv{
    width:200px;
    height: 500px;
    background: yellow;
    position: fixed;
    top: 128px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop) );
    }
    #fdiv img{
    margin-left: 190px;
    margin-top: 470px;
    }

    3.js部分

    复制代码
    代码如下:

    $(function() {
    $("#fdiv img").click(function(){
    $("#fdiv").hide();
    });
    });
    上一篇：HTML页面加载和解析流程详细介绍
    下一篇：使select在选中/聚焦时列出所有选项目前比较好的处理方式
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Html+CSS浮动的广告条实现分解 Html+CSS,浮动,的,广告,条,