首页 > 网站 > WEB开发 > 正文

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

2024-04-27 15:02:17
字体:
来源:转载
供稿:网友

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

在线预览    源码下载

实现的代码。

html代码:

<div class="banner">    <ul class="banList">        <li class="active"><a href="http://sc.chinaz.com/"><img src="images/img1.jpg"/></a></li>        <li><a href="http://sc.chinaz.com/"><img src="images/img2.jpg"/></a></li>        <li><a href="http://sc.chinaz.com/"><img src="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>

via:http://www.w2bc.com/article/jquery-big-to-small-change-focus


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表