哪里錯了?為什么焦點(diǎn)圖顯示不出?
<!doctype html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>Document</title>
? ? <link href="style/base.css" rel="stylesheet" tpe="text/css" />
? ? <script scr="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
? ? <script src="js/mf-pattern/mF_kiki.js" type="text/javascript"></script>
? ? <link href="js/mf-pattern/mF_kiki.css" rel="stylesheet" type="text/css" />
? ? <script type="text/javascript">
? ? ? myFocus.set({id:'boxID'} )
? ? </script>
</head>
<body>
? ? <div>
? ? ? ? <div>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li><a href="#">設(shè)為首頁</a></li>
? ? ? ? ? ? ? ? <li><a href="#">加入收藏</a></li>
? ? ? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? </div>
? ? <div>
? ? ? ? <div>
? ? ? ? ? ? <img src="pictures/logo.jpg" alt="慕課網(wǎng)">
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <img src="pictures/tel.jpg" alt="服務(wù)熱線">24小時服務(wù)熱線 :<span>123-456-7890</span>
? ? ? ? </div>
? ? </div>
? ? <div>
? ? ? ? <div>
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="">首頁</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="">關(guān)于慕課</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="">新聞動態(tài)</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="">課程中心</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="">在線課程</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="">人才招聘</a></li>
? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div>
? ? ? ? ? ? <form action="" method="post">
? ? ? ? ? ? ? ? <input type="text" />
? ? ? ? ? ? </form>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div></div>
? ? </div>
? ? <div id="boxID">
? ? ? ?<div>
? ? ? ? ? <ul>
? ? ? ? ? ? <li><img src="pictures/ad2.jpg"></li>
? ? ? ? ? ? <li><img src="pictures/ad3.jpg"></li>
? ? ? ? ? ? <li><img src="pictures/ad4.jpg"></li>
? ? ? ? ? </ul>
? ? ? ?</div>
? ? </div>
</body>
</html>
2016-08-12
ul的外層必須要包裹一層class為‘pic’的div才可以。這是myfocus的一個固定模板
你把第二層的div加一個 class=‘pic’屬性就可以了。如下
? ? <div id="boxID">
? ? ? ?<div class=‘pic’>
? ? ? ? ? <ul>
? ? ? ? ? ? <li><img src="pictures/ad2.jpg"></li>
? ? ? ? ? ? <li><img src="pictures/ad3.jpg"></li>
? ? ? ? ? ? <li><img src="pictures/ad4.jpg"></li>
? ? ? ? ? </ul>
? ? ? ?</div>
? ? </div>
2016-08-12
<div id="boxID">
? ? ? ?<div class="pic">
? ? ? ? ? <ul>
? ? ? ? ? ? <li><img src="pictures/ad2.jpg"></li>
? ? ? ? ? ? <li><img src="pictures/ad3.jpg"></li>
? ? ? ? ? ? <li><img src="pictures/ad4.jpg"></li>
? ? ? ? ? </ul>
? ? ? ?</div>
? ? </div>
這樣就應(yīng)該可以出來了