这一段代码的主要功能是向一个地址发送了一个ajax请求，代码根据返回结果执行不同的 *** 作
传值2进入的话，ajax请求中的tran_type将被赋值为2，id为calc_list的元素中的data-url属性是请求地址
当请求成功时，根据返回结果的code的值执行相应 *** 作
为4时，d出错误信息
为50时，跳转页面
其他值时，更改链接下p标签的样式（移除class：buttom-my2，新增class：buttom-my1），并修改一些链接下元素的文本（修改id为w_rank，t_rank，log_credit，tran_name的元素文本为服务器返回值）
正好我在练习这个，给你发下，看看行不<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0
padding: 0
}
body{
background: #D8D4D4
}
ul,li{
list-style: none
}
#bg{
width: 600pxheight: 200px
margin: 100px auto
background: #9E9A9A
}
li{
float: left
width: 194pxheight: 196px
border:2px solid #C6C0C0
margin: 0 1px
}
li:hover{
border-color:#9E9A9A
background:#C6C0C0
}
.icon_01{
display: block
line-height: 196px
width: 194px
text-align: center
font-size: 16px
color: #B30E0E
}
.spinner{
-webkit-animation:spinner 5s infinite linear
animation:spinner 5s infinite linear
}/*关键帧的名称 5秒一个周期 无限循环 匀速运动 */
@-webkit-keyframes spinner{
0%{
-webkit-transform:rotate(0deg)
transform:rotate(0deg)
}
100%{
-webkit-transform:rotate(359deg)
transform:rotate(359deg)
}
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg)
transform:rotate(0deg)
}
100%{
-webkit-transform:rotate(359deg)
transform:rotate(359deg)
}
}
</style>
</head>
<body>
<div id="bg">
<ul>
<li><i class="icon_01 "><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
<li><i class="icon_01 spinner"><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
<li><i class="icon_01 "><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
</ul>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）