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

为什么我引入的js和css为mF liquid的时候,而页面还是回到你的教程这种状态呢?

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<link href="css/main.css" rel="stylesheet" type="text/css" />

<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_liquid.js" type="text/javascript"></script>

<link href="js/mf-pattern/mF_liquid.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

myFocus.set({

id:'picbox'})

</script>

</head>


 <div class="ad" id="picbox">

    <div class="loading"><img src="images/loading.gif" /></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>

麻烦老师看下我是不是哪里设置错误了!

提问者:rong1042427 2015-01-31 10:29

个回答

  • rong1042427
    2015-01-31 10:43:54

    哦,我后来再看教程明白了为什么:如下:

    //或详细一点的参数调用:
    <script type="text/javascript">
    myFocus.set({
       id:'boxID',//焦点图盒子ID
       pattern:'mF_fancy',//风格应用的名称
       time:3,//切换时间间隔(秒)
       trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
       width:450,//设置图片区域宽度(像素)
       height:296,//设置图片区域高度(像素)
       txtHeight:'default'//文字层高度设置(像素),'default'为默认高度,0为隐藏
    });
    </script>

  • rong1042427
    2015-01-31 10:34:20

    我引入的这种样式风格是liquid的,但为什么页面还是老师你所教的这种图片切换风格呢?