|
|
@ -24,6 +24,19 @@ |
|
|
|
<script src="../js/bootstrap.js"></script> |
|
|
|
<script src="../js/bootstrap.js"></script> |
|
|
|
<script src="../js/jquery.fullPage.min.js"></script> |
|
|
|
<script src="../js/jquery.fullPage.min.js"></script> |
|
|
|
<style> |
|
|
|
<style> |
|
|
|
|
|
|
|
.touzi{ |
|
|
|
|
|
|
|
height:100%; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.bottomContent{ |
|
|
|
|
|
|
|
flex:1; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.section1title{ |
|
|
|
|
|
|
|
margin-top: 100px !important; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
@ -87,14 +100,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- part1 --> |
|
|
|
<!-- part1 --> |
|
|
|
<div class="section section1 part service_131"> |
|
|
|
<div class="section section1 part service_131"> |
|
|
|
<div class="container"> |
|
|
|
<div class="container" style="height:100%"> |
|
|
|
<div class="row"> |
|
|
|
<div class="row touzi"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 title"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 title section1title"> |
|
|
|
<img src="../images/line.png"> |
|
|
|
<img src="../images/line.png"> |
|
|
|
<h2 class="fadeInDown">投资体系</h2> |
|
|
|
<h2 class="fadeInDown">投资体系</h2> |
|
|
|
<h2 class="fadeInDown">INVESTMENT SYSTEM</h2> |
|
|
|
<h2 class="fadeInDown">INVESTMENT SYSTEM</h2> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 wrap fadeInDown"> |
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 wrap fadeInDown bottomContent"> |
|
|
|
<div class="imgContainer"> |
|
|
|
<div class="imgContainer"> |
|
|
|
<!-- <img src="../images/业务版图优化-2动图.gif" class="gifimg"> --> |
|
|
|
<!-- <img src="../images/业务版图优化-2动图.gif" class="gifimg"> --> |
|
|
|
<img src="" alt="" class="gifimg"> |
|
|
|
<img src="" alt="" class="gifimg"> |
|
|
@ -200,13 +213,13 @@ |
|
|
|
|
|
|
|
|
|
|
|
if(index == 2){ |
|
|
|
if(index == 2){ |
|
|
|
|
|
|
|
|
|
|
|
timer = setTimeout(()=>{ |
|
|
|
// timer = setTimeout(()=>{ |
|
|
|
$('.gifimg').attr('src',`../images/static.png`); |
|
|
|
// $('.gifimg').attr('src',`../images/static.png`); |
|
|
|
clearTimeout(timer) |
|
|
|
// clearTimeout(timer) |
|
|
|
},9000) |
|
|
|
// },7500) |
|
|
|
}else{ |
|
|
|
}else{ |
|
|
|
clearTimeout(timer) |
|
|
|
// clearTimeout(timer) |
|
|
|
$('.gifimg').attr('src',`../images/static.png`); |
|
|
|
$('.gifimg').attr('src',``); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
@ -217,7 +230,7 @@ |
|
|
|
onLeave: function(index, direction){ |
|
|
|
onLeave: function(index, direction){ |
|
|
|
console.log("iii",index,direction) |
|
|
|
console.log("iii",index,direction) |
|
|
|
if(direction==2){ |
|
|
|
if(direction==2){ |
|
|
|
$('.gifimg').attr('src',`../images/业务版图优化-2动图.gif?time=${new Date().getTime()}`) |
|
|
|
$('.gifimg').attr('src',`../images/touzi.gif?time=${new Date().getTime()}`) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|