<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>多种过渡动画jQuery焦点图 - 站长素材</title>
<style>
.jssora05l, .jssora05r {
display: block;
position: absolute;
/* size of arrow element */
width: 40px;
height: 40px;
cursor: pointer;
background: url('img/a17.png') no-repeat;
overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p (normal).jssort01 .p:hover (normal mouseover).jssort01 .p.pav (active).jssort01 .p.pdn (mousedown)*/.jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px;}.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #000 2px solid; box-sizing: content-box; background: url('img/t01.png') -800px -800px no-repeat; _background: none;}.jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%;}.jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%;}.jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px;}
</style>
</head>
<body>
<div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 800px; height: 456px; overflow: hidden; visibility: hidden; background-color: #24262e;">
<!-- Loading Screen -->
<div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
<div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
</div>
<div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 800px; height: 356px; overflow: hidden;">
<div data-p="144.50">
<img data-u="image" src="img/01.jpg" />
<img data-u="thumb" src="img/thumb-01.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/02.jpg" />
<img data-u="thumb" src="img/thumb-02.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/03.jpg" />
<img data-u="thumb" src="img/thumb-03.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/04.jpg" />
<img data-u="thumb" src="img/thumb-04.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/05.jpg" />
<img data-u="thumb" src="img/thumb-05.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/06.jpg" />
<img data-u="thumb" src="img/thumb-06.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/07.jpg" />
<img data-u="thumb" src="img/thumb-07.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/08.jpg" />
<img data-u="thumb" src="img/thumb-08.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/09.jpg" />
<img data-u="thumb" src="img/thumb-09.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/10.jpg" />
<img data-u="thumb" src="img/thumb-10.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/11.jpg" />
<img data-u="thumb" src="img/thumb-11.jpg" />
</div>
<div data-p="144.50" style="display: none;">
<img data-u="image" src="img/12.jpg" />
<img data-u="thumb" src="img/thumb-12.jpg" />
</div>
<a data-u="any" href="http://www.jssor.com" style="display:none">Image Gallery</a>
</div>
<!-- Thumbnail Navigator -->
<div data-u="thumbnavigator" class="jssort01" style="position:absolute;left:0px;bottom:0px;width:800px;height:100px;" data-autocenter="1">
<!-- Thumbnail Item Skin Begin -->
<div data-u="slides" style="cursor: default;">
<div data-u="prototype" class="p">
<div class="w">
<div data-u="thumbnailtemplate" class="t"></div>
</div>
<div class="c"></div>
</div>
</div>
<!-- Thumbnail Item Skin End -->
</div>
<!-- Arrow Navigator -->
<span data-u="arrowleft" class="jssora05l" style="top:158px;left:8px;width:40px;height:40px;"></span>
<span data-u="arrowright" class="jssora05r" style="top:158px;right:8px;width:40px;height:40px;"></span>
</div>
<!-- #endregion Jssor Slider End -->
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jssor.slider-21.1.6.mini.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
var jssor_1_SlideshowTransitions = [
{$Duration:1200,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
{$Duration:1200,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:
three.js实现3D简易书店.rar
需积分: 48 149 浏览量
2019-07-03
16:35:56
上传
评论 5
收藏 17.85MB RAR 举报
three.js实现3D简易书店.rar （126个子文件） 
loading.gif 5KB
jquery.html 11KB 3D书店.html 8KB bookshelf1.html 6KB bookshelf2.html 5KB demo.html 0B
3D书店.iml 458B
bs_wood_01.jpg 2MB bs_wood_01_bump.jpg 1.03MB pano_f.jpg 782KB pano_r.jpg 715KB pano_u.jpg 688KB pano_l.jpg 576KB pano_b.jpg 566KB pano_d.jpg 448KB banner.jpg 326KB 06.jpg 84KB 12.jpg 67KB book_16.jpg 67KB 03.jpg 66KB 02.jpg 61KB 01.jpg 61KB 05.jpg 58KB 04.jpg 58KB book_09.jpg 58KB book_10.jpg 56KB book_07.jpg 55KB 10.jpg 55KB 08.jpg 55KB book_06.jpg 53KB book_04.jpg 53KB 11.jpg 48KB book_13.jpg 44KB book_18.jpg 42KB 09.jpg 41KB book_03.jpg 35KB book_22.jpg 34KB book_20.jpg 34KB book_05.jpg 32KB book_21.jpg 31KB 07.jpg 30KB book_14.jpg 30KB book_08.jpg 29KB book_01.jpg 28KB book_19.jpg 28KB book_02.jpg 27KB book_12.jpg 26KB book_23.jpg 24KB book_17.jpg 24KB thumb.jpg 19KB book_24.jpg 18KB book_15.jpg 17KB book_11.jpg 8KB 0921136891-2635x2635_100x70_0.jpg 3KB 0920347439-2619x2619_100x70_0.jpg 3KB 0920121066-2620x2620_100x70_0.jpg 3KB thumb-10.jpg 2KB thumb-12.jpg 2KB 0920378152-2615x2615_100x70_0.jpg 2KB thumb-08.jpg 2KB thumb-05.jpg 2KB thumb-06.jpg 2KB thumb-02.jpg 2KB thumb-03.jpg 2KB thumb-04.jpg 2KB 11.jpg 2KB thumb-01.jpg 2KB thumb-11.jpg 2KB thumb-09.jpg 2KB thumb-07.jpg 1KB three.js 1008KB jquery-3.1.1.js 261KB jquery-1.11.0.min.js 94KB dat.gui.js 48KB jssor.slider-21.1.6.mini.js 44KB OrbitControls.js 22KB OBJLoader.js 19KB TrackballControls.js 14KB MTLLoader.js 11KB OBJMTLLoader.js 8KB CSS3DRenderer.js 7KB Detector.js 2KB share.js 754B shelf.json 261KB shelf3.json 196KB book_8.json 34KB book_16.json 34KB book_9.json 34KB book_15.json 34KB book_14.json 34KB book_7.json 34KB book_3.json 34KB book_17.json 34KB book_10.json 34KB book_2.json 34KB book_18.json 34KB book_22.json 34KB book_20.json 34KB book_19.json 34KB book_13.json 34KB共 126 条
- 1
- 2
资源评论
