<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>你我贷</title>
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/public.css">
<link rel="stylesheet" href="../css/swiper.css">
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div class="container common-bg">
<!-- banner图 -->
<div class="device">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<img src="../images/banner.png">
</div>
<div class="swiper-slide" >
<img src="../images/banner.png">
</div>
</div>
</div>
<div class="pagination"></div>
</div>
<!-- content1 -->
<div class="change-me">
<div class="item-box much-item">
<div class="item-pic">
<img src="../images/much_icon.png">
</div>
<div class="item-text">
选择多
</div>
</div>
<div class="item-box fash-item">
<div class="item-pic">
<img src="../images/fast_icon.png">
</div>
<div class="item-text">
返利快
</div>
</div>
<div class="item-box high-item">
<div class="item-pic">
<img src="../images/high_icon.png">
</div>
<div class="item-text">
佣金高
</div>
</div>
</div>
<!-- content2 -->
<!--<div class="good-news">-->
<!--<div class="news-content"><span class="news-icon"></span>【好消息】183*840 在<span class="red">你我贷</span>成功借款 10 元</div>-->
<div class="adv">
<ul>
<li>111<span>用钱宝1</span>成功借款<span>1000</span>元</li>
<li>222<span>用钱宝2</span>成功借款<span>2000</span>元</li>
<li>333<span>用钱宝3</span>成功借款<span>3000</span>元</li>
<li>444<span>用钱宝4</span>成功借款<span>4000</span>元</li>
<li>555<span>用钱宝5</span>成功借款<span>5000</span>元</li>
<li>666<span>用钱宝6</span>成功借款<span>6000</span>元</li>
<li>777<span>用钱宝7</span>成功借款<span>7000</span>元</li>
<li>888<span>用钱宝8</span>成功借款<span>8000</span>元</li>
</ul>
</div>
<!--</div>-->
<!-- content2 -->
<div class="hot-recomend">
<div class="hot-title">热门推荐</div>
<div class="hot-list">
<div class="left-img"><img src="../images/paipaidai.png"></div>
<div class="center-box">
<div class="dai-price"><span class="red">500-20,000</span>元</div>
<div class="dai-decript">2 小时放款,解你燃眉之急</div>
<div class="radio-txt">
<div class="radio-left">返利积分 <span class="blue">1-2%</span></div>
<div class="radio-right">日利率 <span class="blue">0.2-0.3%</span></div>
</div>
</div>
<div class="right-arrow"></div>
</div>
<div class="hot-list">
<div class="left-img"><img src="../images/paipaidai.png"></div>
<div class="center-box">
<div class="dai-price"><span class="red">500-20,000</span>元</div>
<div class="dai-decript">2 小时放款,解你燃眉之急</div>
<div class="radio-txt">
<div class="radio-left">返利积分 <span class="blue">1-2%</span></div>
<div class="radio-right">日利率 <span class="blue">0.2-0.3%</span></div>
</div>
</div>
<div class="right-arrow"></div>
</div>
<div class="hot-list">
<div class="left-img"><img src="../images/paipaidai.png"></div>
<div class="center-box">
<div class="dai-price"><span class="red">500-20,000</span> 元</div>
<div class="dai-decript">2 小时放款,解你燃眉之急</div>
<div class="radio-txt">
<div class="radio-left">返利积分 <span class="blue">1-2%</span></div>
<div class="radio-right">日利率 <span class="blue">0.2-0.3%</span></div>
</div>
</div>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="nav-bar" id="navBar">
<div class="nav-item on" target="./index.html">
<div class="nav-pic home"></div>
<div class="nav-txt">首页</div>
</div>
<div class="nav-item" target="./list.html">
<div class="nav-pic daikuan"></div>
<div class="nav-txt">贷款</div>
</div>
<div class="nav-item" target="./user.html">
<div class="nav-pic user"></div>
<div class="nav-txt">我的</div>
</div>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/swiper.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(function(){
var mySwiper = new Swiper('.swiper-container',{
pagination: '.pagination',
loop:true,
grabCursor: true,
paginationClickable: true,
autoplay : 2000,
autoplayDisableOnInteraction : false
})
// --------------消息提示轮播---------------//
var i ,H = 0;
var length = $('.adv li').length;
function UP() {
return H -= 30;
}
function RESET() {
return H = 0,i = -1;
}
function AnimateUp() {
if(i < length -1) {
UP();
} else {
RESET();
if(i < length -1) {
H -= 30;
if(H < 0) { H = 0};
}
}
i++;
$(".adv ul").animate( {'margin-top':H + 'px'});
// console.log(H);
// console.log(i);
}
setInterval(function() {
if(i < length - 1) {
AnimateUp();
} else {
AnimateUp();
}
},2000)
});
</script>
</html>