使用ADMove.js實現移動廣告框

來源:互聯網
上載者:User

標籤:pat   word   log   utf-8   cursor   實現   baidu   htm   absolute   

引入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;width:15px;height:16px;}
#floatDiv2{top:210px;right:1%;}
#floatDiv2 p{color:red;font-size:14px;}
.input{width:120px;}
.right h3{ width:240px;}
</style>
<style>
.floatDiv2{position: absolute;top:55px;right:0;width: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;width: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;width: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>

 

使用ADMove.js實現移動廣告框

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.