焦点图jquery特效代码 jQuery焦点图带推送切换效果

特效描述：利用jQuery实现 焦点图推送 切换效果，利用jQuery实现焦点图推送切换效果

代码结构

1. 引入CSS

<link rel=”stylesheet” href=”dummy-images/orbit-1.2.3.css”>
<link rel=”stylesheet” href=”dummy-images/demo-style.css”>

2. 引入JS

<script type=”text/javascript” src=”dummy-images/jquery-1.5.1.min.js”></script>
<script type=”text/javascript” src=”dummy-images/jquery.orbit-1.2.3.min.js”></script>

3. HTML代码

<div class=”container”>
<h4>ZURB’s Orbit Slider</h4>
<a href=”http://www.cxvn.com/playground/orbit-jquery-image-slider”>View Docs + Playground for Orbit</a>
<!– =======================================
THE ACTUAL ORBIT SLIDER CONTENT
======================================= –>
<div id=”featured”>
<div class=”content” style=””>
<h1>Orbit does content now.</h1>
<h3>Highlight me…I’m text.</h3>
</div>
<a href=””><img src=”dummy-images/overflow.jpg” /></a>
<img src=”dummy-images/captions.jpg” data-caption=”#htmlCaption” />
<img src=”dummy-images/features.jpg” />
</div>
</div>

下载地址

立即下载