Skip to content

梁建民 / activity

Go to a project
Commit deeef8ab by 肖康
Options

x

parent 11e7d75a
Expand all
Inline Side-by-side
Showing with 67 additions and 24 deletions
css/home/index.less
...@@ -406,7 +406,7 @@ html { ...@@ -406,7 +406,7 @@ html {
.view { .view {
position : absolute; position : absolute;
bottom : 1.8rem; bottom : 0.5rem;
left : 0; left : 0;
right : 0; right : 0;
margin : 0 auto; margin : 0 auto;
...@@ -424,7 +424,7 @@ html { ...@@ -424,7 +424,7 @@ html {
top : 0; top : 0;
width : 100%; width : 100%;
height : 100%; height : 100%;
background : rgba(49, 156, 216, 0.5); background : rgba(49, 156, 216, 0.7);
border-radius : 50%; border-radius : 50%;
-webkit-animation : scale-three 1s ease infinite; -webkit-animation : scale-three 1s ease infinite;
animation : scale-three 1s ease infinite; animation : scale-three 1s ease infinite;
...@@ -446,7 +446,10 @@ html { ...@@ -446,7 +446,10 @@ html {
top : 6.5rem; top : 6.5rem;
width : 0.5rem; width : 0.5rem;
height: 0.5rem; height: 0.5rem;
.twinkle {
animation-delay:1s
}
} }
/**中国北京**/ /**中国北京**/
...@@ -455,6 +458,9 @@ html { ...@@ -455,6 +458,9 @@ html {
top : 5.2rem; top : 5.2rem;
width : .3rem; width : .3rem;
height: .3rem; height: .3rem;
.twinkle {
animation-delay:2s
}
} }
...@@ -464,7 +470,9 @@ html { ...@@ -464,7 +470,9 @@ html {
top : 5.9rem; top : 5.9rem;
width : .2rem; width : .2rem;
height: .2rem; height: .2rem;
.twinkle {
animation-delay:3s
}
} }
/**中国武汉**/ /**中国武汉**/
...@@ -473,7 +481,9 @@ html { ...@@ -473,7 +481,9 @@ html {
top : 6rem; top : 6rem;
width : .1rem; width : .1rem;
height: .1rem; height: .1rem;
.twinkle {
animation-delay:4s
}
} }
/**中国江苏**/ /**中国江苏**/
...@@ -529,6 +539,9 @@ html { ...@@ -529,6 +539,9 @@ html {
height : 0.3rem; height : 0.3rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius : 50%;
.twinkle {
animation-delay:2s
}
} }
.star2 { .star2 {
...@@ -539,6 +552,9 @@ html { ...@@ -539,6 +552,9 @@ html {
height : 0.4rem; height : 0.4rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius : 50%;
.twinkle {
animation-delay:1s
}
} }
.star3 { .star3 {
...@@ -639,6 +655,9 @@ html { ...@@ -639,6 +655,9 @@ html {
height : 0.1rem; height : 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius : 50%;
.twinkle {
animation-delay:6s
}
} }
.star13 { .star13 {
...@@ -659,6 +678,9 @@ html { ...@@ -659,6 +678,9 @@ html {
height : 0.3rem; height : 0.3rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius : 50%;
.twinkle {
animation-delay:3s
}
} }
.star15 { .star15 {
...@@ -676,9 +698,11 @@ html { ...@@ -676,9 +698,11 @@ html {
@keyframes scale-three { @keyframes scale-three {
0% { 0% {
transform: scale(1); transform: scale(1);
background : rgba(49, 156, 216, 0.7);
} }
100% { 100% {
transform: scale(1.3); transform: scale(2);
background : rgba(49, 156, 216, 0.2);
} }
} }
\ No newline at end of file
index.html
...@@ -353,20 +353,25 @@ ...@@ -353,20 +353,25 @@
<script type="text/javascript"> <script type="text/javascript">
var charts = { var charts = {
date: "", date: "",
api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "http://api.liexin.com",
init: function () { init: function () {
charts.date() charts.date()
charts.scrollRank("#notes_txt"); charts.scrollRank("#notes_txt");
charts.scrollRank("#notes_txt2"); charts.scrollRank("#notes_txt2");
charts.getData(); charts.getData();
//一天更新数据一次 //一天更新数据一次
setInterval(function(){ setInterval(function () {
charts.getData(); history.go(0)
},86400000) }, 86400000)
setInterval(function () {
charts.randomAnimate()
}, 10000)
}, },
getData: function () { getData: function () {
$.ajax({ $.ajax({
type: "GET", type: "GET",
url: "http://api.liexin.com/bigtv/api/bigTv", url: charts.api + "/bigtv/api/bigTv",
data: { date: charts.date }, data: { date: charts.date },
dataType: 'json', dataType: 'json',
success: function (data) { success: function (data) {
...@@ -374,46 +379,58 @@ ...@@ -374,46 +379,58 @@
charts.numberScroll(data); charts.numberScroll(data);
var daily_order_list = data.daily_order || [] var daily_order_list = data.daily_order || []
var daily_search_list = data.daily_search || [] var daily_search_list = data.daily_search || []
charts.rankData(daily_search_list,daily_order_list) charts.rankData(daily_search_list, daily_order_list)
} }
}); });
}, },
//随机动画
randomAnimate() {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
console.log(1)
var radm_num = Math.floor(Math.random() * ($(".row li .t1").length - 0)) + 0;
var num_=Number($($(".row li .t1")[radm_num]).attr("numbers"))
$($(".row li .t1")[radm_num]).prop('number', Math.ceil(num_ / 2)).animateNumber({
number: num_,
numberStep: comma_separator_number_step
},500);
},
rankData: function (daily_search_list, daily_order_list) { rankData: function (daily_search_list, daily_order_list) {
var html1 = "", html2 = ""; var html1 = "", html2 = "";
for (var i = 0; i < daily_search_list.length; i++) { for (var i = 0; i < daily_search_list.length; i++) {
var key_=Object.keys(daily_search_list[i])[0] var key_ = Object.keys(daily_search_list[i])[0]
var value_=Object.values(daily_search_list[i])[0] var value_ = Object.values(daily_search_list[i])[0]
if (i <= 2) { if (i <= 2) {
$('.data-left .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>') $('.data-left .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else { } else {
html1 += '<li class="row verCenter">' html1 += '<li class="row verCenter">'
html1 += ' <span class="p1">'+(i+4)+'</span>' html1 += ' <span class="p1">' + (i + 1)+ '</span>'
html1 += '<span class="p2">'+key_+'</span>' html1 += '<span class="p2">' + key_ + '</span>'
html1 += '<span>'+value_+'</span></li>' html1 += '<span>' + value_ + '</span></li>'
} }
} }
$(".data-left .list").html(html1) $(".data-left .list").html(html1)
for (var i = 0; i < daily_order_list.length; i++) { for (var i = 0; i < daily_order_list.length; i++) {
var key_=Object.keys(daily_order_list[i])[0] var key_ = Object.keys(daily_order_list[i])[0]
var value_=Object.values(daily_order_list[i])[0] var value_ = Object.values(daily_order_list[i])[0]
if (i <= 2) { if (i <= 2) {
$('.data-right .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>') $('.data-right .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else { } else {
html1 += '<li class="row verCenter">' html2 += '<li class="row verCenter">'
html1 += ' <span class="p1">'+(i+4)+'</span>' html2 += ' <span class="p1">' + (i + 1) + '</span>'
html1 += '<span class="p2">'+key_+'</span>' html2 += '<span class="p2">' + key_ + '</span>'
html1 += '<span>'+value_+'</span></li>' html2 += '<span>' + value_ + '</span></li>'
} }
} }
$(".data-right .list").html(html1) $(".data-right .list").html(html2)
}, },
numberScroll: function (data) { numberScroll: function (data) {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(','); var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
$(".row li .t1").each(function () { $(".row li .t1").each(function () {
var id_name = $(this).attr("id"); var id_name = $(this).attr("id");
if ($(this).text() != data[id_name]) { if ($(this).text() != data[id_name]) {
$(this).prop('number', $(this).text()).animateNumber({ $(this).attr("numbers", data[id_name]).prop('number', $(this).text()).animateNumber({
number: data[id_name], number: data[id_name],
numberStep: comma_separator_number_step numberStep: comma_separator_number_step
}, 1000); }, 1000);
...@@ -465,6 +482,7 @@ ...@@ -465,6 +482,7 @@
}, },
scrollRank: function (ele) { scrollRank: function (ele) {
//滚动数据展示模块 //滚动数据展示模块
return
var $notesTxt = $(ele); var $notesTxt = $(ele);
if ($notesTxt.find("li").length < 7) { if ($notesTxt.find("li").length < 7) {
return return
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment