Skip to content

梁建民 / activity

Go to a project
Commit ff8180cd by liangjianmin
Options

css

parent e4268cec
Inline Side-by-side
Showing with 305 additions and 104 deletions
css/home/index.less
......@@ -9,7 +9,7 @@ body {
#app {
width: 100%;
height: 100%;
.head {
position: absolute;
top: 0;
......@@ -32,6 +32,42 @@ body {
background-size: cover;
margin: 0 auto;
}
.date-text {
position: absolute;
top: 27px;
left: 158px;
.mr{
margin-right: 5px;
}
span {
font-size: 19px;
color: #5891e7;
&.number {
color: #ffffff;
}
}
}
.date-wether {
position: absolute;
top: 27px;
right: 137px;
.ml {
margin-left: 30px;
}
span {
font-size: 19px;
color: #ffffff;
&.color {
color: #5891e7;
}
}
}
}
.top {
......@@ -52,6 +88,7 @@ body {
font-size: 36px;
color: #e49e07;
margin-bottom: 15px;
transition: all 0.4s ease-in-out;
}
.t2 {
......@@ -190,6 +227,10 @@ body {
background-size: contain;
}
&:last-child {
margin-bottom: 0;
}
.p1 {
padding-left: 13px;
width: 62px;
......@@ -215,8 +256,7 @@ body {
position: relative;
li {
height: 30px;
margin-bottom: 8px;
height: 34px;
span {
font-size: 17px;
......@@ -230,6 +270,9 @@ body {
.p2 {
width: 170px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
......
css/home/index.min.css
......@@ -233,6 +233,36 @@ body {
background-size: cover;
margin: 0 auto;
}
#app .head .date-text {
position: absolute;
top: 27px;
left: 158px;
}
#app .head .date-text .mr {
margin-right: 5px;
}
#app .head .date-text span {
font-size: 19px;
color: #5891e7;
}
#app .head .date-text span.number {
color: #ffffff;
}
#app .head .date-wether {
position: absolute;
top: 27px;
right: 137px;
}
#app .head .date-wether .ml {
margin-left: 30px;
}
#app .head .date-wether span {
font-size: 19px;
color: #ffffff;
}
#app .head .date-wether span.color {
color: #5891e7;
}
#app .top {
position: absolute;
top: 162px;
......@@ -251,6 +281,7 @@ body {
font-size: 36px;
color: #e49e07;
margin-bottom: 15px;
transition: all 0.4s ease-in-out;
}
#app .top li .t2 {
font-size: 19px;
......@@ -368,6 +399,9 @@ body {
background: url("../../images/home/l3.png") no-repeat center;
background-size: contain;
}
#app .section .box .ranking dd:last-child {
margin-bottom: 0;
}
#app .section .box .ranking dd .p1 {
padding-left: 13px;
width: 62px;
......@@ -387,8 +421,7 @@ body {
position: relative;
}
#app .section .box .list-wrap .list li {
height: 30px;
margin-bottom: 8px;
height: 34px;
}
#app .section .box .list-wrap .list li span {
font-size: 17px;
......@@ -400,6 +433,9 @@ body {
}
#app .section .box .list-wrap .list li .p2 {
width: 170px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#app .btn {
position: absolute;
......
css/home/index.min.css.map
{"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,aAAa,sBAAsB,6BAAnC;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;EACA,2BAAA;;AAGF;EACE,YAAA;;AAGF;EACE,kBAAA;;AAGF;EACE,OAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;EACA,YAAA;EACA,gBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,mBAAA;;AAGF;EACE,aAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;;AAGF;EACE,6BAAA;;AAGF;EACE,uBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,UAAA;EACA,WAAA;EACA,yBAAA;;AAGF;EACE,4CAAA;EACA,oDAAA;EACA,mBAAA;EACA,yBAAA;;AAGF;EACE,mBAAA;EACA,4CAAA;EACA,oDAAA;EACA,yBAAA;;ACtLF;EACE,WAAA;EACA,YAAA;;AAIF;EACE,WAAA;EACA,YAAA;;AAFF,IAIE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,aAAA;EACA,gBAAgB,6CAAhB;EACA,sBAAA;EACA,UAAA;;AAbJ,IAIE,MAWE;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,sBAAA;EACA,cAAA;;AAxBN,IA4BE;EACE,kBAAA;EACA,UAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;;AAlCJ,IA4BE,KAQE;EACE,YAAA;EACA,aAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;;AAxCN,IA4BE,KAQE,GAME;EACE,eAAA;EACA,cAAA;EACA,mBAAA;;AA7CR,IA4BE,KAQE,GAYE;EACE,eAAA;EACA,cAAA;;AAlDR,IAuDE;EACE,kBAAA;EACA,YAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;;AA7DJ,IAuDE,QAQE;EACE,YAAA;EACA,aAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;;AAnEN,IAuDE,QAQE,GAME;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;;AAzER,IAuDE,QAQE,GAaE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;;AAhFR,IAuDE,QAQE,GAoBE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;;AAvFR,IAuDE,QAQE,GA2BE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;;AA9FR,IAuDE,QAQE,GAkCE;EACE,iBAAA;;AAlGR,IAuDE,QAQE,GAkCE,MAGE;EACE,eAAA;EACA,cAAA;EACA,mBAAA;;AAvGV,IAuDE,QAQE,GAkCE,MASE;EACE,eAAA;EACA,cAAA;;AA5GV,IAkHE;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,eAAA;EACA,UAAA;;AAvHJ,IAkHE,SAOE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;EACA,kBAAA;;AA/HN,IAkHE,SAOE,KAQE;EACE,YAAA;EACA,YAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AA7IR,IAkHE,SAOE,KAuBE;EACE,iBAAA;;AAjJR,IAkHE,SAOE,KAuBE,OAGE;EACE,eAAA;EACA,cAAA;;AAEA,IArCR,SAOE,KAuBE,OAGE,KAIG;EACC,WAAA;;AAGF,IAzCR,SAOE,KAuBE,OAGE,KAQG;EACC,YAAA;;AA5JZ,IAkHE,SAOE,KAwCE;EACE,gBAAA;;AAlKR,IAkHE,SAOE,KAwCE,SAGE;EACE,YAAA;EACA,YAAA;EACA,kBAAA;;AAEA,IAvDR,SAOE,KAwCE,SAGE,GAKG;EACC,gBAAgB,4CAAhB;EACA,wBAAA;;AAGF,IA5DR,SAOE,KAwCE,SAGE,GAUG;EACC,gBAAgB,4CAAhB;EACA,wBAAA;;AAGF,IAjER,SAOE,KAwCE,SAGE,GAeG;EACC,gBAAgB,4CAAhB;EACA,wBAAA;;AArLZ,IAkHE,SAOE,KAwCE,SAGE,GAoBE;EACE,kBAAA;EACA,WAAA;;AA1LZ,IAkHE,SAOE,KAwCE,SAGE,GAyBE;EACE,YAAA;;AA9LZ,IAkHE,SAOE,KAwCE,SAGE,GA6BE;EACE,eAAA;EACA,cAAA;;AAnMZ,IAkHE,SAOE,KA+EE;EAEE,gBAAA;EACA,aAAA;;AA3MR,IAkHE,SAOE,KA+EE,WAKE;EACE,kBAAA;;AA9MV,IAkHE,SAOE,KA+EE,WAKE,MAGE;EACE,YAAA;EACA,kBAAA;;AAlNZ,IAkHE,SAOE,KA+EE,WAKE,MAGE,GAIE;EACE,eAAA;EACA,cAAA;;AAtNd,IAkHE,SAOE,KA+EE,WAKE,MAGE,GASE;EACE,kBAAA;EACA,WAAA;;AA3Nd,IAkHE,SAOE,KA+EE,WAKE,MAGE,GAcE;EACE,YAAA;;AA/Nd,IAwOE;EACE,kBAAA;EACA,aAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAgB,qCAAhB;EACA,eAAA;EACA,cAAA;EACA,cAAA;;AAlPJ,IAqPE;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,wBAAA","file":"index.min.css"}
\ No newline at end of file
{"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file
index.html
......@@ -17,27 +17,43 @@
<body>
<div id="app">
<div class="head">
<p class="date-text row verCenter">
<span class="number" id="year"></span>
<span>&nbsp;年&nbsp;</span>
<span class="number" id="month"></span>
<span>&nbsp;月&nbsp;</span>
<span class="number" id="day"></span>
<span class="mr">&nbsp;日&nbsp;</span>
<span>星期</span>
<span class="number" id="week"></span>
</p>
<p class="date-wether row verCenter">
<span>北京时间&nbsp;&nbsp;</span>
<span class="color" id="time">00:00:00</span>
<span class="ml">深圳&nbsp;&nbsp;</span>
<span class="color" id="wendu"></span>
</p>
<span class="title"></span>
</div>
<ul class="top row avarage">
<li class="column rowCenter verCenter">
<p class="t1">1,125,564</p>
<p class="t1" id="daily_ic_num">0</p>
<p class="t2">日交易元器件数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">556,544</p>
<p class="t1" id="daily_ic_sn_num">0</p>
<p class="t2">日交易元器件型号数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">1,544</p>
<p class="t1" id="daily_ic_search_num">0</p>
<p class="t2">日元器件型号搜索量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">1,125,564</p>
<p class="t1" id="history_ic_search_xinum">0</p>
<p class="t2">历史累积交易元器件数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">112,556,544</p>
<p class="t1" id="current_sku_sum">0</p>
<p class="t2">当前上架SKU总量</p>
</li>
</ul>
......@@ -45,28 +61,28 @@
<li class="row rowCenter verCenter">
<i class="i1"></i>
<div class="column rowCenter verCenter text">
<p class="t1">1,125,564</p>
<p class="t1" id="plat_sku_sum">0</p>
<p class="t2">平台SKU总量</p>
</div>
</li>
<li class="row rowCenter verCenter">
<i class="i2"></i>
<div class="column rowCenter verCenter text">
<p class="t1">10,000+</p>
<p class="t1" id="plat_supply_sum">0</p>
<p class="t2">平台供应商总数</p>
</div>
</li>
<li class="row rowCenter verCenter">
<i class="i3"></i>
<div class="column rowCenter verCenter text">
<p class="t1">10,000+</p>
<p class="t1" id="supply_brand_num">0</p>
<p class="t2">供应品牌数</p>
</div>
</li>
<li class="row rowCenter verCenter">
<i class="i4"></i>
<div class="column rowCenter verCenter text">
<p class="t1">10,000+</p>
<p class="t1" id="supply_class_num">0</p>
<p class="t2">供应品类总数</p>
</div>
</li>
......@@ -82,9 +98,9 @@
</div>
<dl class="ranking">
<dd class="i1 row verCenter">
<span class="p1">1</span>
<span class="p2">W25Q16JVSNIQ</span>
<span>1881</span>
<span class="p1"></span>
<span class="p2"></span>
<span></span>
</dd>
<dd class="i2 row verCenter">
<span class="p1">2</span>
......@@ -97,44 +113,8 @@
<span>1683</span>
</dd>
</dl>
<div class="list-wrap">
<ul class="list" id="notes_txt">
<li class="row verCenter">
<span class="p1">4</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">5</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">6</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">7</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">8</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">9</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">10</span>
<span class="p2">C945</span>
<span>62</span>
</li>
</ul>
<div class="list-wrap" id="notes_txt">
<ul class="list"></ul>
</div>
</div>
<div class="right box">
......@@ -161,59 +141,19 @@
<span>1683</span>
</dd>
</dl>
<div class="list-wrap">
<ul class="list" id="notes_txt2">
<li class="row verCenter">
<span class="p1">4</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">5</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">6</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">7</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">8</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">9</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">10</span>
<span class="p2">C945</span>
<span>62</span>
</li>
</ul>
<div class="list-wrap" id="notes_txt2">
<ul class="list"></ul>
</div>
</div>
</div>
<a href="javascript:;" class="btn row rowCenter verCenter">全球供应商分布</a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/number.js"></script>
<script type="text/javascript" src="js/map/js/world.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
$(function () {
})
</script>
</body>
</html>
\ No newline at end of file
js/index.js
......@@ -6,11 +6,23 @@
},
credted: function (opt) {
this.getData();
this.getTime();
//一天更新数据一次
setInterval(function () {
history.go(0);
}, 86400000);
//模拟一次动画
setInterval(function () {
IndexController.randomAnimate()
}, 10000);
return this;
},
map: function () {
var myChart = echarts.init(document.getElementById('map'));
var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';
var planePath = 'path://M250 150 L150 350 L350 350 Z';
var geoCoordMap = {
深圳: [120.061103, 16.550859],
位置1: [-73.865402, 40.845],
......@@ -67,7 +79,7 @@
trailLength: 0,
symbol: planePath,
// 飞机大小
symbolSize: 16
symbolSize: 12
},
lineStyle: {
normal: {
......@@ -215,6 +227,118 @@
day.setTime(day.getTime() - 24 * 60 * 60 * 1000);
return day.getFullYear() + "-" + ((day.getMonth() + 1) < 10 ? ('0' + (day.getMonth() + 1)) : (day.getMonth() + 1)) + "-" + ((day.getDate() < 10 ? ('0' + day.getDate()) : day.getDate()));
},
numberScroll: function (data) {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
$(".top li .t1").each(function () {
var id_name = $(this).attr("id");
if ($(this).text() != data[id_name]) {
$(this).attr("numbers", data[id_name]).prop('number', $(this).text()).animateNumber({
number: data[id_name],
numberStep: comma_separator_number_step
}, 1000);
}
})
},
randomAnimate: function () {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
var radm_num = Math.floor(Math.random() * ($(".top li .t1").length - 0)) + 0;
var num_ = Number($($(".row li .t1")[radm_num]).attr("numbers"));
if (num_ > 0) {
$($(".top li .t1")[radm_num]).prop('number', Math.ceil(num_ / 2)).animateNumber({
number: num_,
numberStep: comma_separator_number_step
}, 500);
}
},
getTime: function () {
var week = new Array("日", "一", "二", "三", "四", "五", "六");
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var weekDay = now.getDay();
$("#indexDate").html("今天是：" + year + "年" + (month < 10) ? ('0' + month) : month + "月" + day + "日" + "&nbsp;" + week[weekDay]);
$("#year").text(year);
$("#month").text((month < 10) ? ('0' + month) : month);
$("#day").text((day < 10) ? ('0' + day) : day);
$("#week").text(week[weekDay]);
$.ajax({
url: "http://wthrcdn.etouch.cn/weather_mini?city=深圳",
dataType: 'json',
type: "get",
success: function (res) {
$("#wendu").text(res.data.wendu + "℃");
}
})
setInterval(function () {
var myDate = new Date;
var h = myDate.getHours();
if (h < 10) {
h = "0" + h
}
var m = myDate.getMinutes();
if (m < 10) {
m = "0" + m
}
var s = myDate.getSeconds();
if (s < 10) {
s = "0" + s
}
$("#time").html(h + ":" + m + ":" + s);
}, 1000)
},
rankData: function (daily_search_list, daily_order_list) {
var daily_search_list_html = [];
var daily_order_list_html = [];
if (daily_search_list.length > 0) {
for (var i = 0; i < daily_search_list.length; i++) {
var key_ = Object.keys(daily_search_list[i])[0];
var value_ = Object.values(daily_search_list[i])[0];
if (i <= 2) {
$('.section .left .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
daily_search_list_html.push(' <li class="row verCenter">' +
' <span class="p1">' + (i + 1) + '</span>' +
' <span class="p2">' + key_ + '</span>' +
' <span>' + value_ + '</span>' +
' </li>');
}
}
$("#notes_txt ul").empty().html(daily_search_list_html);
}
if (daily_order_list.length > 0) {
for (var i = 0; i < daily_order_list.length; i++) {
var key_ = Object.keys(daily_order_list[i])[0];
var value_ = Object.values(daily_order_list[i])[0];
if (i <= 2) {
$('.section .right .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
daily_order_list_html.push(' <li class="row verCenter">' +
' <span class="p1">' + (i + 1) + '</span>' +
' <span class="p2">' + key_ + '</span>' +
' <span>' + value_ + '</span>' +
' </li>');
}
}
$("#notes_txt2 ul").empty().html(daily_order_list_html);
}
$('#notes_txt').myScroll({
speed: 40,
rowHeight: 34
});
$('#notes_txt2').myScroll({
speed: 40,
rowHeight: 34
});
},
getData: function () {
var time = IndexController.timeFormat();
$.ajax({
......@@ -223,7 +347,16 @@
data: {date: time},
dataType: 'json',
success: function (data) {
console.log(data)
var daily_order_list = data.daily_order || [];
var daily_search_list = data.daily_search || [];
$("#plat_sku_sum").text(data.plat_sku_sum);
$("#plat_supply_sum").text(data.plat_supply_sum);
$("#supply_brand_num").text(data.supply_brand_num);
$("#supply_class_num").text(data.supply_class_num);
IndexController.numberScroll(data);
IndexController.rankData(daily_search_list, daily_order_list);
}
});
},
......
js/scroll.js 0 → 100644
// JavaScript Document
(function($){
$.fn.myScroll = function(options){
//默认配置
var defaults = {
speed:40, //滚动速度,值越大速度越慢
rowHeight:24 //每行的高度
};
var opts = $.extend({}, defaults, options),intId = [];
function marquee(obj, step){
obj.find("ul").animate({
marginTop: '-=1'
},0,function(){
var s = Math.abs(parseInt($(this).css("margin-top")));
if(s >= step){
$(this).find("li").slice(0, 1).appendTo($(this));
$(this).css("margin-top", 0);
}
});
}
this.each(function(i){
var sh = opts["rowHeight"],speed = opts["speed"],_this = $(this);
intId[i] = setInterval(function(){
if(_this.find("ul").height()<=_this.height()){
clearInterval(intId[i]);
}else{
marquee(_this, sh);
}
}, speed);
_this.hover(function(){
clearInterval(intId[i]);
},function(){
intId[i] = setInterval(function(){
if(_this.find("ul").height()<=_this.height()){
clearInterval(intId[i]);
}else{
marquee(_this, sh);
}
}, speed);
});
});
}
})(jQuery);
\ No newline at end of file
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