<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link type="text/css" href="http://www.likecs.com/css/bootstrap.css"/>
<link type="text/css" href="http://www.likecs.com/css/bootstrap-theme.css"/>
<link type="text/css" href="http://www.likecs.com/css/jquery.mobile.external-png-1.4.5.css"/>
<script src="http://www.likecs.com/js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.likecs.com/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.likecs.com/js/jquery.mobile-1.4.5.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
body{margin:0 auto;}
</style>
</head>
<body>
<img src="http://www.likecs.com/img/lastday.png" alt="消息"height="229" usemap="#map"/>
<map>
<area shape="rect" coords="31,28,112,100" href="http://www.baidu.com" target="_blank" alt="方形"/>
<area shape="circle" coords="187,142,47" href="http://www.163.com" target="_blank" alt="圆形"/>
<area shape="poly" coords="287,26,240,66,308,112" href="http://www.sohu.com" target="_blank" alt="多边形"/>
<a href="http://www.likecs.com/index.html" target="in"> index</a>
<a href="http://www.sina.com" target="in">新浪</a><br/>
<iframe src="http://www.qq.com"width="1150"></iframe>
<progress min="0" max="1000"></progress>
<meter value="50" min="10" max="100"></meter>
</body>
<script type="text/javascript">
onload=function(){
p=document.getElementById("pro")
s=setInterval(go,300);
function go(){
p.value=p.value+50;
if(p.value>=1000){clearInterval(s); alert("完成")}
}
}
</script>
</html>
新增阴影效果
#Start{
text-align: center;
line-height: 70px;
font-size: 27px;
font-family:arial;
color: #b9144c;
width: 120px; height: 70px;
background: linear-gradient(#f5eaee,#f5afc7);
border-radius: 60% 10% 60% 10%;
box-shadow: 3px 10px 8px #b9144c;
margin-bottom: 18px;
}
新增了视频播放功能: