zoukankan      html  css  js  c++  java
  • 使用ADMove.js实现移动广告框

    引入ADMove.js  http://pan.baidu.com/s/1boQkTKN

    <!DOCTYPE html>
    <html>
    <head>
    <title>piaochuang.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">

    <script type="text/javascript" src="../../../js/ADMove.js"></script>
    <style>
    .close{position: absolute;right:5px;top:5px;font-size:12px;background:url(<%=basePath%>images/top1/exit.png) no-repeat;15px;height:16px;}
    #floatDiv2{top:210px;right:1%;}
    #floatDiv2 p{color:red;font-size:14px;}
    .input{120px;}
    .right h3{ 240px;}
    </style>
    <style>
    .floatDiv2{position: absolute;top:55px;right:0;300px;height:250px;background:#fff;border:5px solid #ccc;z-index:10;cursor: move;}
    .floatDiv2 h1{text-align:left;font-size:14px;background:#7DC3FD;height:40px;color:#fff;float:left;display:block;100%;line-height:40px;margin-bottom:15px;}
    .floatDiv2 p{line-height:25px;text-align:left;padding:0 5px;text-inden:1em;}
    .close{position: absolute;right:5px;top:5px;font-size:12px;background:url(<%=basePath%>images/top1/exit.png) no-repeat;15px;height:16px;}
    #floatDiv1{top:210px;right:1%;}
    #floatDiv1 p{color:red;font-size:14px;}
    </style>
    </head>

    <body>
    <div class="floatDiv2" id="floatDiv1">
    <h1 style="color:red;">通知<a class="close" href="javascript:void(0))"></a></h1>
    <p>各申报单位:</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请各单位在操作记录中查看驳回修改信息,驳回修改材料仅限一次,请于10月25日中午12:00前完成提交,逾期未提交的视为自动放弃本次项目申报。</p>
    <p style="text-align:right">特此通知<br/>2017年10月19日</p>
    </div>
    <script type="text/javascript">
    var floatAD=new AdMove("floatDiv1");
    floatAD.Run();
    </script>
    </body>
    </html>

  • 相关阅读:
    python
    【转载】【CPU】关于x86、x86_64/x64、amd64和arm64/aarch64
    【百思不得其解1】诡异的速度差异
    LeakCanary 与 鹅场Matrix ResourceCanary对比分析
    android 插件化框架VitualAPK
    android高级篇收录
    滴滴Booster移动APP质量优化框架 学习之旅 三
    滴滴Booster移动APP质量优化框架 学习之旅 二
    滴滴Booster移动APP质量优化框架 学习之旅
    不一样视角的Glide剖析
  • 原文地址:https://www.cnblogs.com/yang1018/p/7735503.html
Copyright © 2011-2022 走看看