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