问答详情
源自:3-8 企业网站制作之焦点图制作

焦点图问题

为什么我引用三张图片确用了六张图时间,每隔一张就是空白,求解决

提问者:云淡风轻mj 2016-09-28 09:27

个回答

  • qq_嫉妒五级_03915342
    2016-09-28 16:43:15

    你li标签没有加/

    你是<li><li>

    应该是<li></li>

  • 云淡风轻mj
    2016-09-28 16:24:35

    <div class="ad" id="picBox" style="visibility:hidden">

         <div class="loading"><img src="images/loading.gif" alt="图片加载中" /></div>

         <div class="pic">

            <ul>

               <li><img src="images/ad2.jpg" /><li>

               <li><img src="images/ad3.jpg" /><li>

               <li><img src="images/ad4.jpg" /><li>

            </ul>

         </div>

      </div><!--ad结束-->


  • 云淡风轻mj
    2016-09-28 16:24:31

    <div class="ad" id="picBox" style="visibility:hidden">

         <div class="loading"><img src="images/loading.gif" alt="图片加载中" /></div>

         <div class="pic">

            <ul>

               <li><img src="images/ad2.jpg" /><li>

               <li><img src="images/ad3.jpg" /><li>

               <li><img src="images/ad4.jpg" /><li>

            </ul>

         </div>

      </div><!--ad结束-->


  • 云淡风轻mj
    2016-09-28 16:23:37

    <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
    <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
    <script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
    <link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    myFocus.set({
        id:'picBox',//焦点图盒子ID
        pattern:'mF_fancy',//风格应用的名称
        time:3,//切换时间间隔(秒)
        trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
        width:1000,//设置图片区域宽度(像素)
        height:310,//设置图片区域高度(像素)
        txtHeight:'default',//文字层高度设置(像素),'default'为默认高度,0为隐藏
    });
    </script>


  • qq_嫉妒五级_03915342
    2016-09-28 14:49:22

    引用JS CSS的顺序好像有要求


  • qq_嫉妒五级_03915342
    2016-09-28 14:48:36

    <script src="js/setHomeSetFav.js"></script>
    <script src="js/myfocus-2.0.4.min.js"></script>
    <script src="js/mf-pattern/mF_fancy.js"></script>
    <link rel="stylesheet" href="js/mf-pattern/mF_fancy.css">
    <script>
       myFocus.set({
           id: 'boxID',//焦点图盒子ID
           pattern: 'mF_fancy',//焦点图风格的名称
           time: 5,//切换时间间隔(秒)
           trigger: 'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
           txtHeight: 'default'//标题高度设置(像素),'default'为默认CSS高度,0为隐藏
       });
    </script>

  • qq_嫉妒五级_03915342
    2016-09-28 14:48:14

    <div id="boxID">
       <!-- 内容列表 -->
      <div class="loading"> <img src="img/loading.gif" height="95" width="156" /></div>
       <div class="pic">
           <ul>
               <li><a href="#"><img src="img/ad2.jpg" /></a></li>
               <li><a href="#"><img src="img/ad3.jpg" /></a></li>
               <li><a href="#"><img src="img/ad4.jpg" /></a></li>
               <!-- 你可以根据需要添加更多的列 -->
           </ul>
       </div>



    我是这样写的,没问题啊

  • qq_嫉妒五级_03915342
    2016-09-28 10:59:28

    好像他一个图片上显示的是两张图吧

  • qq_嫉妒五级_03915342
    2016-09-28 10:42:47

    你代码发出来看看