利用jQuery实现圆形箭头焦点图



12 47 16



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



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 flash焦点图 flash幻灯片 flashbanner flash图片轮播 切换按钮 表单 表单美化 表单插件 表单美化插件 焦点图 幻灯片 轮播图 bar焦点图 图片滑动 图片滑块 纯图片轮播 图片轮播 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到