HTML5與移動端web學習筆記

時間 2019-11-21

標籤 html5 html 移動 web 學習筆記欄目 HTML5 简体版

原文原文鏈接

HTML5實現拖拽上傳預覽圖片：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
#div1{
margin: 0 auto;
width:200px;
height:200px;
background:#ccc;
color: white;}
#div1 p{
position: relative;
top: 90px;
left: 50px;
}
li{ width:200px; height:200px; margin:5px; float:left; list-style:none;}
li img{ width:500px;height: auto}
</style>
<script type="text/javascript">
window.onload = function（）{
var oUl = document.getElementById（'ul1'）；
var oDiv = document.getElementById（'div1'）；
oDiv.ondragenter = function（）{
this.innerHTML = '能夠釋放';
};javascript

<div class="bottom_soft_link">
<a target="_blank" class="bottom_soft_link_ios" href="xxx.com" title="客戶端蘋果手機APP下載">iOS下載</a>
<a target="_blank" class="bottom_soft_link_ios" href="http://www.changtu.com/chezhan/yantaishi/13177.html" title="牟平汽車站電話">牟平汽車站電話</a>
</div>css