<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" contect="http://www.webqin.net">
<title>17素材</title>
<link type="text/css" href="css/css.css" rel="stylesheet" />
<link rel="stylesheet" href="css/jquery.fullPage.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script>
$(function(){
$('#dowebok').fullpage({
anchors: ['page1', 'page2', 'page3', 'page4','page5','page6','page7','page8','page9'],
menu: '#menu',
/*'navigation': true,
'navigationPosition': 'right',*/
//小点导航颜色
afterLoad: function(anchorLink, index){
if(index == 1){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(0) a").addClass("active");
$("#fp-nav li a.active span").css("background","#7BF1FE");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","inherit")
}
if(index == 2){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(1) a").addClass("active");
$("#fp-nav li a.active span").css("background","#E82B2B");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","#E82B2B")
}
if(index == 3){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(2) a").addClass("active");
$("#fp-nav li a.active span").css("background","#ED6E47");
$(".navFixed .nav li strong").css("color","#000")
$(".navFixed .navClick").css("background-color","#ED6E47")
}
if(index == 4){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(3) a").addClass("active");
$("#fp-nav li a.active span").css("background","#019CE3");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","#019CE3")
}
if(index == 5){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(4) a").addClass("active");
$("#fp-nav li a.active span").css("background","#089C4A");
$(".navFixed .nav li strong").css("color","#000")
$(".navFixed .navClick").css("background-color","#089C4A")
}
if(index == 6){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(5) a").addClass("active");
$("#fp-nav li a.active span").css("background","#E2BB0A");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","#E2BB0A")
}
if(index == 7){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(6) a").addClass("active");
$("#fp-nav li a.active span").css("background","#641F89");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","#641F89")
}
if(index == 8){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(7) a").addClass("active");
$("#fp-nav li a.active span").css("background","#E52424");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","#E52424")
}
if(index == 9){
$("#fp-nav li a span").css("background","#B0B0B0");
$("#fp-nav li a").removeClass("active")
$("#fp-nav li:eq(8) a").addClass("active");
$("#fp-nav li a.active span").css("background","#E82B2B");
$(".navFixed .nav li strong").css("color","#fff")
$(".navFixed .navClick").css("background-color","inherit")
}
}
});
});
</script>
</head>
<body>
<div class="navFixed">
<div class="navClick"></div>
<div class="nav">
<ul>
<li data-menuanchor="page2"><a href="#page2"><span>N</span><strong>新闻</strong></a></li>
<li data-menuanchor="page3"><a href="#page3"><span>S</span><strong>系统</strong></a></a></li>
<li data-menuanchor="page4"><a href="#page4"><span>M</span><strong>媒体</strong></a></a></li>
<li data-menuanchor="page5"><a href="#page5"><span>P</span><strong>产品</strong></a></a></li>
<li data-menuanchor="page6"><a href="#page6"><span>S</span><strong>方案</strong></a></a></li>
<li data-menuanchor="page7"><a href="#page7"><span>A</span><strong>关于</strong></a></a></li>
<li data-menuanchor="page8"><a href="#page8"><span>C</span><strong>联系</strong></a></a></li>
<div class="clears"></div>
</ul>
</div><!--nav/-->
</div><!--navFixed/-->
<div id="dowebok">
<div class="section">
<div class="headerbg">
<div class="widths">
<h1 class="logo"><a href="index.html"><img src="images/logo.png" width="215" height="80" /></a></h1>
<div class="clears"></div>
</div><!--widths/-->
<div class="headPosition">
<div class="headBox">
<div class="fangan"><a href="#">方案</a></div>
<div class="meiti"><a href="#">媒体</a></div>
<div class="meiti2"><a href="#">媒体</a></div>
<div class="chanpin"><a href="#">产品</a></div>
<div class="xitong"><a href="#">系统</a></div>
<div class="xitong2"><a href="#">系统</a></div>
</div><!--headBox/-->
</div><!--headPosition/-->
<div class="headText">
<div class="hdtx1">We <span style="color:#87b672;">Deliver</span> nothing Short of Awesome!</div>
<div class="hdtx2">A step forward everyday leads to success.</div>
<div class="hdtx3"><a href="#page2">display</a></div>
</div><!--headText/-->
</div><!--headerbg/-->
</div>
<div class="section newbg">
<div class="title"><img src="images/title-new.png" width="975" height="72" /></div>
<div class="time-axis">
<div class="newlist">
<img src="images/zhou1.png" class="zhou" />
<div class="newbox">
<time>2015年8月18日</time>
<div class="newText">
上海17素材展示系统工程有限公司。上海17素材展示系统工程有限公司。
<a href="javascirpt:;" class="more"><img src="images/more.png" width="67" height="18" /></a>
</div><!--newText/-->
</div><!--newbox/-->
</div><!--newlist/-->
<div class="newlist">
<img src="images/zhou1.png" class="zhou" />
<div class="newbox">
<time>2015年8月18日</time>
<div class="newText">
上海17素材展示系统工程有限公司。
<a href="javascirpt:;" class="more"><img src="images/more.png" width="67" height="18" /></a>
</div><!--newText/-->
</div><!--newbox/-->
<div class="clears"></div>
</div><!--newlist/-->
<div class="newlist">
<img src="images/zhou1.png" class="zhou" />
<div class="newbox">
<time>2015年8月18日</time>
<div class="newText">
上海17素材展示系统工程有限公司。上海17素材展示系统工程有限公司。
<a href="javascirpt:;" class="more"><img src="images/more.png" width="67" height="18" /></a>
</div><!--newText/-->
<div class="newImgVideo"><embed src="http://player.youku.com/player.php/Type/Folder/Fid/26035308
html中文网页模板 大气的科技公司单屏滚动页面模板html.rar
版权申诉
199 浏览量
2023-03-11
14:35:14
上传
评论
收藏 1.25MB RAR 举报
html中文网页模板 大气的科技公司单屏滚动页面模板html.rar （82个子文件） 
js 
js.js 8KB slider3.js 4KB jquery.fullPage.min.js 21KB jquery.js 262KB
map.html 5KB css jquery.fullPage.css 4KB css.css 19KB index.html 60KB images 
proright.png 3KB protop.png 4KB genggai.png 3KB dingzi.png 3KB mess.png 4KB
xianshiping.jpg 14KB s5.jpg 8KB more.png 3KB
Single_Tap.gif 2KB title-new.png 6KB zhou2.png 3KB plan1.png 88KB backtop5.png 4KB zhou1.png 3KB about1.jpg 22KB 1920-900.jpg 215KB s1.jpg 8KB download.png 3KB title-plan.png 6KB backtop7.png 4KB weibo.jpg 1KB mediaright.png 3KB s2.jpg 8KB backtop3.png 4KB icon1.png 3KB logo.png 5KB back.jpg 1KB wenhua.png 46KB planleft.png 3KB weixin.jpg 1KB case_cur.png 9KB backtop4.png 4KB right.jpg 13KB phone.png 3KB jishu.png 5KB dian.png 3KB title-media.png 6KB title-contact.png 7KB planeqbg.png 110B bg.jpg 142KB qq.jpg 1KB about2.jpg 13KB navClick.png 1KB rleft.png 3KB title-about.png 6KB erweima.png 30KB medialeft.png 3KB backtop2.png 4KB plan2.png 127KB prodown.png 4KB backtop1.png 4KB title-product.png 6KB planright.png 3KB aboutbg.jpg 46KB title-system.png 7KB icon3.png 3KB huoban.jpg 85KB tleft.png 3KB plan3.png 105KB s3.jpg 8KB newbg.jpg 38KB contactbg.jpg 22KB prosmbg.png 5KB about3.jpg 18KB navClick2.png 1KB backtop6.png 4KB xiajian.png 275B s4.jpg 8KB left.jpg 13KB proleft.png 3KB newmore.png 5KB zhouxian.png 116B i.png 15KB icon2.png 3KB资源评论
