焦点图问题

来源:3-8 企业网站制作之焦点图制作

云淡风轻mj

2016-09-28 09:27

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

写回答 关注

9回答

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

    你li标签没有加/

    你是<li><li>

    应该是<li></li>

    qq_嫉妒五... 回复云淡风轻mj

    没什么的

    2016-09-28 17:18:37

    共 3 条回复 >

  • 云淡风轻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的顺序好像有要求


    云淡风轻mj

    咱们的差不多,我的代码在下面,你看看

    2016-09-28 16:25:47

    共 1 条回复 >

  • 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

    你代码发出来看看

    云淡风轻mj

    代码和视频一样,但效果就不一样,他显示三张,我六张,不过多余三张只是空白而已

    2016-09-28 12:33:00

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题