使用新浪接口http://hq.sinajs.cn/list=外汇代码,Ajax实时刷新,完整代码如下,可根据需求自己进行改动
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<style>
ul{
border: 1px solid #999999;
margin: 0px auto 0px auto;
padding: 5px;
width: 100%;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items: center;
height: auto;
box-sizing: border-box;
}
li{
padding: 8px;
list-style-type: none;
line-height: 30px;
min-width: 100px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cccccc;
display: inline-block;
text-align: left;
-webkit-flex: 1; /* Safari 6.1+ */
flex: 1;
}
li:first-child{
border-left-style: none;
}
li:hover{
background-color: rgba(0,0,0,0.85);
color: #FFFFFF;
transition-delay:0.25s;
-webkit-tap-highlight-color: transparent;
}
body {
padding: 0px;
margin: 0px;
}
p {
padding: 0px;