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

北风吹 2019-11-19 755 阅读

特效描述:利用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>

演示地址下载地址

最新游戏