你的位置:首页 > 软件开发 > Java > 基于jQuery图片放大变小全屏切换焦点图

基于jQuery图片放大变小全屏切换焦点图

发布时间:2015-11-05 10:00:06
基于jQuery图片放大变小切换代码是一款全屏banner图片轮播切换特效。效果图如下:在线预览 源码下载实现的代码。html代码:<div class="banner"> <ul class="banLis ...

基于jQuery图片放大变小全屏切换焦点图

基于jQuery图片放大变小切换代码是一款全屏banner图片轮播切换特效。效果图如下:

基于jQuery图片放大变小全屏切换焦点图

在线预览    源码下载

实现的代码。

html代码:

<div class="banner">  <ul class="banList">    <li class="active"><a href="http://sc.chinaz.com/"><img src='/images/loading.gif' data-original="images/img1.jpg"/></a></li>    <li><a href="http://sc.chinaz.com/"><img src='/images/loading.gif' data-original="images/img2.jpg"/></a></li>    <li><a href="http://sc.chinaz.com/"><img src='/images/loading.gif' data-original="images/img3.jpg"/></a></li>  </ul>  <div class="fomW">    <div class="jsNav">      <a href="javascript:;" class="trigger current"></a>      <a href="javascript:;" class="trigger"></a>      <a href="javascript:;" class="trigger"></a>    </div>  </div></div>   <script type="text/javascript"> $(function(){  $(".banner").swBanner();});</script>

原标题:基于jQuery图片放大变小全屏切换焦点图

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录