<!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" />
<title>jquery穿梭滑动幻灯片</title>
<!--可无视-->
<link href="css/global.css" rel="stylesheet" type="text/css">
<!--必要样式-->
<link href="css/features.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
var portfolioJSON = [
{"2":"#dddddd"},
{"2":"#FFDC33"},
{"2":"#FFFFFF"},
{"2":"#669900"},
{"2":"#304B89"}
];
var featuresTimer;
var hoverTimer;
</script>
<script type="text/javascript" src="js/features.js"></script>
</head>
<body>
<div id="features-container">
<div id="glow-container">
<div id="glow-color-active" style="background-color:#ddd"></div>
<img id="glow-fg" src="images/glow-fg.png" />
</div>
<div class="frame-smaller-outer left">
<div class="frame-smaller-inner">
<div class="slider">
<img src='images/selfservice11.jpg' />
<img src='images/portfolio1.jpg' />
<img src='images/mothers.jpg' />
<img src='images/bci.jpg' />
<img src='images/creative.jpg' />
<img src='images/selfservice11.jpg' />
<img src='images/portfolio1.jpg' />
<img src='images/mothers.jpg' />
</div>
</div>
</div>
<div class="frame-smaller-outer right">
<div class="frame-smaller-inner">
<div class="slider">
<img src='images/selfservice11.jpg' />
<img src='images/portfolio1.jpg' />
<img src='images/mothers.jpg' />
<img src='images/bci.jpg' />
<img src='images/creative.jpg' />
<img src='images/selfservice11.jpg' />
<img src='images/portfolio1.jpg' />
<img src='images/mothers.jpg' />
</div>
</div>
</div>
<img id="frame-center-shadow" src="images/frame-shadow.png" />
<div id="frame-center-outer">
<div id="frame-center-inner">
<div class="slider">
<a href='http://www.jb51.net'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多</span>
<span class='image-holder'><img src='images/selfservice11.jpg' /></span>
</a>
<a href='http://www.jb51.net/'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/portfolio1.jpg' /></span>
</a>
<a href='http://www.jb51.net/'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/mothers.jpg' /></span>
</a>
<a href='http://www.jb51.net/'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/bci.jpg' /></span>
</a>
<a href='http://www.jb51.net'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/creative.jpg' /></span>
</a>
<a href='http://www.jb51.net'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/selfservice11.jpg' /></span>
</a>
<a href='http://www.jb51.net'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/portfolio1.jpg' /></span>
</a>
<a href='http://www.jb51.net'>
<span class='title'>脚本之家</span>
<span class='more'>查看更多>></span>
<span class='image-holder'><img src='images/mothers.jpg' /></span>
</a>
</div>
</div>
</div>
<div class="nav-arrow back"></div>
<div class="nav-arrow next"></div>
</div>
</body>
</html>
jquery实现3d响应式带左右按钮的滑动切换幻灯片特效源码.zip
版权申诉
54 浏览量
2022-11-07
00:20:38
上传
评论
收藏 435KB ZIP 举报
jquery实现3d响应式带左右按钮的滑动切换幻灯片特效源码.zip （14个子文件） 
132686957491500135 css 
global.css 540B
frame-arrows.png 2KB frame-bg.png 234B features.css 8KB images 
portfolio1.jpg 54KB selfservice11.jpg 76KB mothers.jpg 89KB frame-shadow.png 25KB creative.jpg 64KB glow-fg.png 17KB bci.jpg 108KB
index.html 4KB js jquery.min.js 92KB features.js 4KB资源评论
