一个简单调用天气API接口的小例子

2021-02-04 18:17

阅读:443

YPE html>

标签:width   wrap   htm   content   end   例子   esc   doc   ESS   

技术图片技术图片
 1 @{
 2     Layout = null;
 3 }
 4 "~/Content/css/style.css" rel="stylesheet" />
 5  6 
 7 
 8 
 910     "viewport" content="width=device-width" />
11     CSS3卡片布局天气预报动画特效12 
13 
14     
15
class="background"> 16
class="big-1">
17
class="big-2">
18
class="big-3">
19
class="big-4">
20
class="big-5">
21
class="big-6">
22
class="big-7">
23
class="big-8">
24
class="big-9">
25
class="big-10">
26
class="medium-1">
27
class="medium-2">
28
class="medium-3">
29
class="medium-4">
30
class="medium-5">
31
class="medium-6">
32
class="medium-7">
33
class="medium-8">
34
class="medium-9">
35
class="medium-10">
36
class="small-1">
37
class="small-2">
38
class="small-3">
39
class="small-4">
40
class="small-5">
41
class="small-6">
42
class="small-7">
43
class="small-8">
44
class="small-9">
45
class="small-10">
46
class="moon"> 47
class="crater crater-1">
48
class="crater crater-2">
49
class="crater crater-3">
50
class="crater crater-4">
51
class="crater crater-5">
52
class="crater crater-6">
53
class="crater crater-7">
54
class="crater crater-8">
55
class="crater crater-9">
56
class="crater crater-10">
57
class="crater crater-11">
58
59
class="hillWrapper"> 60
class="hill hill-1">
61
class="hill hill-2">
62
class="hill hill-3">
63
class="hill hill-4">
64
class="hill hill-5">
65
66
class="descriptionWrapper" id="tbody"> 67 68
69
70
71 72 73
82 +
+ row.forecast[0].date +
83 +
84 +
+ row.forecast[0].high +
85 +
+ row.forecast[0].type +
86 +
87 $("#tbody").append(d); 88 }) 89 } 90 }) 91 }) 92
页面

技术图片

里面有一个css动画,可以根据自己需要去找

一个简单调用天气API接口的小例子

标签:width   wrap   htm   content   end   例子   esc   doc   ESS   

原文地址:https://www.cnblogs.com/qiao298/p/11455784.html


评论


亲,登录后才可以留言!