jQuery圆形箭头焦点图

excel数组函数 2019-11-19 155 阅读

特效描述:利用jQuery实现 圆形箭头 焦点图,利用jQuery实现圆形箭头焦点图

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/layout.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/cycle.js"></script>

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>

<script type="text/javascript" src="js/scripts.js"></script>

3. HTML代码

<div id="home_visual">
<div id="slider">
<div id="slider_arrows">
<a id="slider_pv_btn"></a>
<a id="slider_next_btn"></a>
</div>
<div id="slider_list">
<img src="images/slider1.png" alt="" />
<a href="download/vision_showcase.pdf" target="_blank"><img src="images/slider2.png" alt="" /></a>
<a href="pl/kontakt.html" target="_blank"><img src="images/slider3.png" alt="" /></a>
<a href="pl/o_nas.html" target="_blank"><img src="images/slider4.png" alt="" /></a>
<a href="pl/realizacje.html" target="_blank"><img src="images/slider5.png" alt="" /></a>
</div>
</div>
</div>
<div style="text-align:center;clear:both"><br>
</div>

演示地址下载地址

最新游戏