PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > JS特效 > 焦点图 > 正文

    jquery带缩略图自动切换焦点图代码

    作者:w634381967来源:B5教程网浏览:时间:2014-05-19 21:24:21我要评论
    分享到

    内容介绍

    js带缩略图自动切换焦点图代码,效果非常炫,还带有左右点击按钮,此作品很适合站长使用,B5教程网推荐下载!B5教程网,站长必备js网页特效及js广告代码,提供高质量js特效下载。

    页面初始化代码:

     
    复制代码 代码如下:
    <script type="text/javascript">
    //设置
    myFocus.set({
    id:'myFocus',//ID
    pattern:'mF_fscreen_tb'//风格
    });
    </script>
    html代码:
     
    复制代码 代码如下:
    <div id="focus_box">
    <div id="myFocus"><!--焦点图盒子-->
      <div class="loading"><img src="img/loading.gif" alt="请稍候..." /></div><!--载入画面(可删除)-->
      <div class="pic"><!--图片列表-->
       <ul>
            <li><a href="#1"><img src="img/1a.jpg" thumb="" alt="B5教程网 1" text="b5.mxunkeji.com" /></a></li>
            <li><a href="#2"><img src="img/2a.jpg" thumb="" alt="B5教程网 2" text="b5.mxunkeji.com" /></a></li>
            <li><a href="#3"><img src="img/3a.jpg" thumb="" alt="B5教程网 3" text="b5.mxunkeji.com" /></a></li>
            <li><a href="#4"><img src="img/4a.jpg" thumb="" alt="B5教程网 4" text="b5.mxunkeji.com" /></a></li>
            <li><a href="#5"><img src="img/5a.jpg" thumb="" alt="B5教程网 5" text="b5.mxunkeji.com" /></a></li>
       </ul>
      </div>
    </div></div>

    下载资源:214 下载积分:0 积分
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-13-223-1.html