<html>
<head>
<meta charset="utf-8">
<title>jquery搜狗浏览器5.0页面特效 - 网页模板</title>
<script type="text/javascript" src="js/jquery_1.7.2.js"></script>
<style>
*{
margin:0px;
}
body{
text-align: center;
}
#cont{position:relative;}
.cont{
padding-top: 1px;
}
#cont1{
margin:0px auto;
position:relative;
z-index:3;
width:100%;
height:100%;
text-align: center;
background:#6096e6;
}
#cont1 #version{
z-index:100;
line-height:18px;
text-indent: 25px;
text-align: left;
height:18px;
display:block;
width:200px;
position:absolute;
top:30px;
left:50px;
font-size:14px;
color:#fff;
font-family: "微软雅黑";
background:url(images/features5.0/logo.png) no-repeat left center;
}
#cont2{
margin:0px auto;
position:relative;
z-index:2;
width:100%;
height:100%;
text-align: center;
background:#f7a257;
}
#cont3{
margin:0px auto;
position:relative;
z-index:1;
width:100%;
height:100%;
text-align: center;
background:#5cca5a;
}
#top1{
position:absolute;
left:48px;
top:26px;
width:769px;
height:253px;
background:url(images/features5.0/cont1_t.png) no-repeat;
}
#btm1{
position:absolute;
left:454px;
top:147px;
width:409px;
height:220px;
background:url(images/features5.0/cont1_b.png) no-repeat;
}
#top1 #top1_hightlight{
position:absolute;
left:181px;
top:2px;
width:70px;
height:68px;
background:url(images/features5.0/cont1_highlight.png) no-repeat;
display:none;
}
#top1 #unfold{
position:absolute;
left: 30px;
top: 76px;
width:304px;
height:375px;
background:url(images/features5.0/unfold.jpg) no-repeat;
height:0px;
}
#top1 #unfold_btm{
position:absolute;
width:100%;
height:41px;
left:0px;
bottom:0px;
background:url(images/features5.0/unfold.jpg) left bottom no-repeat;
}
#top1 #unfold #switch1{
top:126px;
}
#top1 #unfold #switch2{
top:216px;
}
#top1 #unfold #switch3{
top:261px;
}
#top1 #unfold .switch{
position:absolute;
left:241px;
width:41px;
height:12px;
background:#cccccc;
border:1px solid #b4b4b4;
}
#top1 #unfold .key{
position:absolute;
left:0px;
top:0px;
background:#fff;
width:22px;
height:12px;
}
#top1 #unfold #num1{
position:absolute;
left: 101px;
top: 52px;
width:30px;
font-size:18px;
font-family: "微软雅黑";
color:#000;
text-align: right;
}
#top1 #unfold #num2{
position:absolute;
left: 195px;
top: 53px;
width:35px;
font-size:18px;
font-family: "微软雅黑";
color:#000;
text-align: right;
}
#top2{
position:absolute;
left: 32px;
top: 4px;
width:820px;
height:350px;
background:url(images/features5.0/cont2_t.png) no-repeat -10px top;
}
#swf1{
margin-left:-20px;
}
#btm2{
position:absolute;
left:50px;
top:306px;
width:808px;
height:161px;
background:url(images/features5.0/cont2_b.png) no-repeat;
}
#top3{
position:absolute;
left:50px;
top:0px;
width: 801px;
height: 161px;
background:url(images/features5.0/cont3_t.png) no-repeat;
}
.cont_box.on{-webkit-animation:module_change .4s ease-in;}
@-webkit-keyframes module_change{
0%{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
}
#btm3{
position:absolute;
left:175px;
top:148px;
width:676px;
height:278px;
background:url(images/features5.0/cont3_b.png) no-repeat;
}
#startjourney{
position:absolute;
width:150px;
height:45px;
left:372px;
bottom:0px;
background:url(images/features5.0/startjourney.png) no-repeat;
}
#btm3 #titles{
position:absolute;
left: 228px;
top:65px;
width:295px;
}
#btm3 #titles ul{
overflow: hidden;
padding: 0px;
}
#btm3 #titles ul li{
list-style: none;
height: 27px;
line-height: 25px;
color: #18381e;
font-size: 12px;
font-family: "微软雅黑";
/* float: left; */
text-align: left;
position: relative;
padding-left:30px;
position:absolute;
left:0px;
overflow:hidden;
height:0px;
}
#btm3 #titles ul li .text_b{
}
#btm3 #titles ul #li1{
top:0px;
}
#btm3 #titles ul #li2{
top:27px;
}
#btm3 #titles ul #li3{
top:54px;
}
#btm3 #titles ul #li4{
top:81px;
}
#btm3 #titles ul #li5{
top:108px;
}
#btm3 #titles ul #li6{
top:135px;
}
#btm3 #titles ul #li7{
top:163px;
}
#btm3 .icon_b{
position:absolute;
left:0px;
top:5px;
width:21px;
height:16px;
background: url(images/features5.0/titles.jpg) no-repeat -2px -8px;
}
#btm3 .icon_a{
position:absolute;
left:0px;
top:5px;
width:21px;
height:16px;
display:none;
}
#btm3 #icon1.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px 0px;
}
#btm3 #icon2.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px -27px;
}
#btm3 #icon3.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px -54px;
}
#btm3 #icon4.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px -82px;
}
#btm3 #icon5.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px -109px;
}
#btm3 #icon6.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px -137px;
}
#btm3 #icon7.icon_a{
background:url(images/features5.0/icons.jpg) no-repeat 3px -164px;
}
#btm3 #btm3_highlight{
position:absolute;
left: 466px;
top: -6px;
width:62px;
height:63px;
background:url(images/features5.0/cont3_highlight.jpg) no-repeat;
/*display:none;*/
}
#cont_box3 #btm3 #feature1{
position:absolute;
left:361px;
top:86px;
width:186px;
height:30px;
background:url(images/features5.0/functions.jpg) no-repeat 0px 0px;
}
#cont_box3 #btm3 #btns{
position:absolute;
left:312px;
top:13px;
width:348px;
height:25px;
background:url(images/features5.0/cont3_btn.png) no-repeat;
}
#cont_box3 #btm3 .marck{
position:absolute;
bottom:0px;
left:0px;
width:30px;
height:30px;
background:url(images/features5.0/functions.jpg) no-repeat 0px 0px;
}
#cont_box3 #btm3 #feature2{
position:absolute;
left:361px;
top:117px;
width:186px;
height:30px;
background:url(images/features5.0/functions.jpg) no-repeat 0px -30px;
}
/*#btm3 .icon_a{
position:absolute;
left:0px;
top:5px;
width:21px;
height:16px;
}*/
.top{
/*display:none;*/
}
.btm{
/*display:none;*/
}
.cont_box{
width:900px;
height:577px;
margin:0px auto;
position:relative;
/*display:none;*/
}
#fixed{
position:fixed;
bottom:;
}
.guide{
position:absolute;
right:50px;
bottom:0px;
width:70px;
height:24px;
/*background:url(images/features5.0/fixed.png) no-repeat;*/
}
#guider{
z-index: 99;
position:fixed;
right:50px;
bottom:50px;
width:70px;
height:24px;
background:url(images/features5.0/fixed.png) no-repeat;
}
#guider img{
-webkit-animation: guider 6s linear infinite;
-moz-animation: guider 6s linear infinite;
-o-animation: guider 6s linear infinite;
animation: guider 6s linear infinite;
opacity: 0;
}
@-webkit-keyframes guider{
0%{}
30%{opacity: 0;}
40%{opacity: 1;}
50%{opacity: 0;}
60%{opacity: 1;}
70%{opacity: 0;}
100%{}
}
@-moz-keyframes guider{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
@-o-keyframes guider{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
@keyframes guider{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 0;}
}
#btn_down{z-index:99;width:70px;height:80px;position:absolute;bottom:0px;left:50%;margin-left:-35px;cursor:pointer;}
.sign {
position: absolute;
width: 32px;
height: 13px;
left: 24px;
}
#sign1_1{background: url(images/features5.0/arrow2.png) no-repeat ;bottom: 30px;}
#sign2_1{background: url(images/features5.0/arrow1.png) no-repeat ;bottom: 38px;}
.sl-slide, .sl-slides-wrapper{overflow:auto;}
</style>
<link rel="stylesheet" type="text/css" href="plugin/slitslider/css/style.css" />
</head>
<body>
<div id="cont">
<di
jquery搜狗浏览器5.0页面特效.zip （26个子文件） 
jquery搜狗浏览器5.0页面特效 jiaoben2680 images features5.0 
fixed.png 1KB cont2_b.png 12KB
icons.jpg 5KB arrow1.png 1KB fixed_arrow.png 1KB unfold.jpg 40KB arrow2.png 1KB cont3_b.png 13KB cont2_t.png 9KB startjourney.png 4KB cont3_btn.png 2KB cont3_t.png 12KB cont1_t.png 19KB cont1_highlight.png 2KB titles.jpg 28KB cont3_highlight.jpg 3KB logo.png 1KB cont1_b.png 14KB functions.jpg 5KB
index.html 22KB js 
jquery_1.7.2.js 93KB plugin slitslider css style.css 9KB js jquery.slitslider.js 13KB jquery.transit.min.js 6KB jquery.ba-cond.min.js 532B jquery搜狗浏览器5.0页面特效.jpg 30KB资源评论
芝麻粒儿
- 粉丝: 6w+
最新资源
- 基于SVM和ANN的MATLAB GUI智能废弃金属分类分级系统
- 永磁同步电机PMSM的“无差电流预测控制+模型参考自适应参数辨识”技术
- COMSOL电池模型中Nernst-Planck方程的详细解析与应用 · 边界条件 最新版
- COMSOL模拟THM耦合下CO2-ECBM的驱替过程及多元气体吸附与煤体变形动态研究 THM耦合
- 模块化多电平换流器(MMC)与柔性直流输电系统(HVDC)的技术解析及应用
- 孤岛微电网DOS攻击防御的二次控制技术及混合动态事件触发机制 权威版
- 永磁同步电机模型预测电流控制(MPCC)：基于代价函数寻优的优化控制策略及应用 - 模型预测控制
- 基于Simulink平台的ABS仿真模型：PID控制策略下的防抱死制动系统性能评估与分析
- (源码)基于Arduino UNO的汽车停车系统项目.zip
- Abaqus中Dload与Vdload子程序实现四轴及多轴汽车动态荷载模拟
- (源码)基于Arduino的穿戴式个人空气质量监测器.zip
- 基于GWO-SVM的单变量时序递归预测：MATLAB实现与应用 - 递归预测
- PMSM无传感器控制Simulink仿真及其基于滑膜观测器的FOC控制 - 配3页英文文献
- (源码)基于Python的豆瓣电影数据分析与可视化系统.zip
- 基于CS统计模型与UKF无迹卡尔曼滤波的三维路径跟踪预测仿真的研究：Matlab平台的实现与评估
- (源码)基于C++的跳表KV存储引擎.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
