Skip to content

S
sparrowzz
Commit ae74a75e by cy
Options

upload to the github

parent ca01d38d
正在显示 包含 24 行增加 和 174 行删除
layout/index.ejs
...@@ -32,28 +32,16 @@ ...@@ -32,28 +32,16 @@
<!-- LayerSlider stylesheet --> <!-- LayerSlider stylesheet -->
<link rel="stylesheet" href="layerslider/css/layerslider.css" type="text/css">
<!-- External libraries: jQuery & GreenSock --> <!-- External libraries: jQuery & GreenSock -->
<script src="layerslider/js/jquery.js" type="text/javascript"></script> <script src="layerslider/js/jquery.js" type="text/javascript"></script>
<script src="layerslider/js/greensock.js" type="text/javascript"></script> <script src="layerslider/js/greensock.js" type="text/javascript"></script>
<!-- LayerSlider script files --> <!-- LayerSlider script files -->
<script src="layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
<script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.js"></script>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
pager: false,
controls: true,
auto: true
});
});
</script>
...@@ -66,22 +54,7 @@ $('.bxslider').bxSlider({ ...@@ -66,22 +54,7 @@ $('.bxslider').bxSlider({
</script> </script>
<!-- GOTO TOP JQUERY -->
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#gotop').fadeIn();
} else {
$('#gotop').fadeOut();
}
});
$('#gotop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>
...@@ -115,7 +88,7 @@ $(document).ready(function() { ...@@ -115,7 +88,7 @@ $(document).ready(function() {
<body> <body>
<div class="header"> <div class="header" style="background-color: #fff;">
<div class="container"> <div class="container">
<a href="#" class="logo"><img src="images/logo.png" alt="" /></a> <a href="#" class="logo"><img src="images/logo.png" alt="" /></a>
...@@ -139,71 +112,17 @@ $(document).ready(function() { ...@@ -139,71 +112,17 @@ $(document).ready(function() {
<!-- 横幅 --> <!-- 横幅 -->
<div class="wrapper"> <div class="slider">
<div class="slider_main"> <div class="row" style="width: 100%;">
<div id="full-slider-wrapper"> <div class="slider_left col-lg-6">
<div id="layerslider" style="width:100%;height:473px;"> <img src="images/biglogo.png" />
<div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
<img src="images/slider/slide-bg.jpg" class="ls-bg" alt="Slide background"/>
<div class="ls-l videopreview" style="top:40px;left:40px;white-space: nowrap;" data-ls="offsetxin:-200;durationin:2000;offsetxout:-200;">
<img src="images/biglogo.png" alt="" style="width: 400px;"/>
</div>
<div class="ls-l" style="top:140px;left:638px;white-space: nowrap;" data-ls="offsetxin:0;delayin:1000;easingin:easeInOutQuart;scalexin:0.7;scaleyin:0.7;offsetxout:-800;durationout:1000;">
<h2 class="l1">平台宗旨</h2>
</div>
<div class="ls-l" style="top:200px;left:583px;white-space: nowrap;" data-ls="offsetxin:0;delayin:1000;easingin:easeInOutQuart;scalexin:0.7;scaleyin:0.7;offsetxout:-800;durationout:1000;">
<h2 class="l2">随着电力系统模型的复杂化，电力系统运行分析、优化和控制等与电力系统</h2>
<h2 class="l2">随着电力系统模型的复杂化，电力系统运行分析、优化和控制等与电力系统</h2>
</div>
</div><!--FIRST SLIDE-->
<div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
<img src="images/slider/slide-bg.jpg" class="ls-bg" alt="Slide background"/>
<div class="ls-l videopreview" style="top:40px;left:40px;white-space: nowrap;" data-ls="offsetxin:-200;durationin:2000;offsetxout:-200;">
<img src="images/biglogo.png" alt="" style="width: 400px;" />
</div>
<div class="ls-l" style="top:140px;left:638px;white-space: nowrap;" data-ls="offsetxin:0;delayin:1000;easingin:easeInOutQuart;scalexin:0.7;scaleyin:0.7;offsetxout:-800;durationout:1000;">
<h2 class="l1">高性能计算平台</h2>
</div>
<div class="ls-l" style="top:200px;left:583px;white-space: nowrap;" data-ls="offsetxin:0;delayin:1000;easingin:easeInOutQuart;scalexin:0.7;scaleyin:0.7;offsetxout:-800;durationout:1000;">
<h2 class="l2">高效 地为您计算算例</h2>
</div>
<div class="ls-l" style="top:265px;left:598px;" data-ls="offsetxin:0;delayin:1000;easingin:easeInOutQuart;scalexin:0.7;scaleyin:0.7;offsetxout:-800;durationout:1000;">
<a href="#" class="button2">Learn More</a>
</div>
<div class="ls-l" style="top:265px;left:810px;" data-ls="offsetxin:0;delayin:1000;easingin:easeInOutQuart;scalexin:0.7;scaleyin:0.7;offsetxout:-800;durationout:1000;">
<a href="#" class="button1">Start Now</a>
</div>
</div><!--FIRST SLIDE-->
</div>
</div> </div>
<div class="slider_right col-lg-6">
<h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之，高效地为您计算各种电力系统服务算例</p>
</div> </div>
</div> </div>
</div>
<!-- 平台特点 --> <!-- 平台特点 -->
......
source/css/sliderSection.css
.slider_main{ .slider {
float:left; width: 100%;
width:100%; background-color: #187cc2;
padding:0 0 0 0; background-image: url("../images/campus2.jpg");
} }
div.videopreview{ .slider_left img{
width:443px; height: 500px;
height:290px; margin-top: 50px;
float:left; margin-bottom: 50px;
background:rgba(0, 0, 0, 0); margin-left: 20%;
margin:0 0 0 0; }
} \ No newline at end of file
h2.l1{
text-align: center;
font-family: 'open_sansbold';
font-size:36px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
}
h2.l2{
text-align:center;
font-family: 'open_sanslight';
font-size:18px;
color:#fff;
font-weight:normal;
}
a.button1{
float:left;
width:145px;
height:41px;
border:1px solid #fff;
text-align:center;
font-family: 'open_sanslight';
font-size:14px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
line-height:41px;
margin:0 0 0 0;
border-radius:5px; -webkit-border-radius:5px;
transition:0.5s; -webkit-transition:0.5s;
text-decoration:none;
}
a.button1:hover{
background:#11598b;
border:1px solid #11598b;
text-decoration:none;
color:#fff;
}
a.button2{
float:left;
width:145px;
height:41px;
border:1px solid #11598b;
text-align:center;
font-family: 'open_sanslight';
font-size:14px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
line-height:41px;
margin:0 0 0 0;
border-radius:5px; -webkit-border-radius:5px;
transition:0.5s; -webkit-transition:0.5s;
background:#11598b;
text-decoration:none;
}
a.button2:hover{
text-decoration:none;
background:none;
border:1px solid #fff;
color:#fff;
}
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论